curious about other people's html document structure

jamesmorris86 · 13 Jul 2015 at 21:15

There are so many different ways to structure html documents and I was just wondering how people go about it. For example I've seen websites recommend about 4 slightly different ways to include the css file (media, type, version etc).

I was just wondering if there was actually a definitive way of doing it. After a bit of research I have started using the following.

Code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>title</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="css/styles.css?v=1.0" media="all">
    <script src="js/script.js?v=1.0"></script>
  </head>
  <body>
    <!-- page content -->
  </body>
</html>

jamesmorris86 · 13 Jul 2015 at 22:15

To make sure a new version is loaded instead of a cached version. Only important I guess if your making regular updates to the CSS file.

jamesmorris86 · 14 Jul 2015 at 17:10

Longbow said:
Javascript should be placed at the bottom of the page. When it's placed at the top it stops everything else from loading until it's done.

This is quite a good article which led me to put it at the top.

http://demianlabs.com/lab/post/top-or-bottom-of-the-page-where-should-you-load-your-javascript/

curious about other people's html document structure

jamesmorris86

jamesmorris86

jamesmorris86

jamesmorris86

jamesmorris86

jamesmorris86