Posted By

cesarkohl on 01/27/11


Tagged

html5


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

SixteenOne
rajashri78
abbyabigale
tripdog


Basic HTML5 Page Structure


 / Published in: HTML
 

URL: http://rathersplendid.net/home/coda-clip-library-for-html5

  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
  3. <!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
  4. <!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
  5. <!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
  6. <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
  7. <meta charset="utf-8">
  8. <!--[if IE]><![endif]-->
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="description" content="">
  11. <meta name="keywords" content="" />
  12. <meta name="author" content="">
  13. <meta name="viewport" content="width=device-width; initial-scale=1.0">
  14. <!-- !CSS -->
  15. <link rel="stylesheet" href="css/style.css?v=1">
  16. <!-- Uncomment if you are specifically targeting less enabled mobile browsers
  17. <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1"> -->
  18. <!-- !Modernizr - All other JS at bottom -->
  19. <script src="js/modernizr-1.5.min.js"></script>
  20. </head>
  21. <!-- !Body -->
  22. <div id="container">
  23. <header>
  24. <ul id="nav">
  25. <li><a href="#nowhere" title="Home">Home</a></li>
  26. <li><a href="#nowhere" title="About">About</a></li>
  27. <li><a href="#nowhere" title="Services">Services</a></li>
  28. <li><a href="#nowhere" title="Contact">Contact</a></li>
  29. <li><a href="#nowhere" title="Pellentesque">Pellentesque</a></li>
  30. <li><a href="#nowhere" title="Aliquam">Aliquam</a></li>
  31. <li><a href="#nowhere" title="Morbi">Morbi</a></li>
  32. </ul><!-- /#nav -->
  33. </header><!-- /header -->
  34. <section id="main">
  35. </section><!-- /main -->
  36. <footer>
  37. </footer><!-- /footer -->
  38. </div><!--!/#container -->
  39. <!-- !Javascript - at the bottom for fast page loading -->
  40. <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  42. <script>!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js"><\/script>')</script>
  43. <script src="js/plugins.js?v=1"></script>
  44. <script src="js/script.js?v=1"></script>
  45. </body>
  46. </html>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: AlaguSundar on September 24, 2013

Great article. Thanks for posting. http://www.cavinitsolutions.com/

You need to login to post a comment.