Skip to content

Instantly share code, notes, and snippets.

@X4

X4/html5-layout.jade

Last active January 4, 2016 18:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save X4/8662541 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save X4/8662541 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html5-layout.jade
doctype 5
html(lang='de')
head
meta(charset='utf-8')
meta(name='description', content='')
meta(name='viewport', content='width=device-width, initial-scale=1.0')
title website-title
link(href='stylesheets/normalize.css', rel='stylesheet', media='all')
link(href='stylesheets/style.css', rel='stylesheet', media='all')
//if lt IE 9
script(src='js/html5shiv-printshiv.js', media='all')
body
section
header(role='banner')
hgroup
h1 logo and/or title with link
nav(role='navigation')
ul(role='menubar')
block menubar
section
block splash
main(role='main')
section
article(role='article')
block specs
article(role='article')
block content
aside(role='complementary')
block sidebar
footer(role='contentinfo')
block sitemap
time(datetime="2014-01-28")© 2014 – by me
script
var _gaq=[['_setAccount','UA-XXXX-XX'],['_trackPageview']];(function(a,b){var c=a.createElement(b),d=a.getElementsByTagName(b)[0];c.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";d.parentNode.insertBefore(c,d)})(document,"script");
@X4
Copy link
Author

X4 commented Jan 28, 2014 

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>website-title</title>
    <link href="stylesheets/normalize.css" rel="stylesheet" media="all">
    <link href="stylesheets/style.css" rel="stylesheet" media="all"><!--[if lt IE 9]>
    <script src="js/html5shiv-printshiv.js" media="all"></script><![endif]-->
  </head>
  <body>
    <section>
      <header role="banner">
        <hgroup>
          <h1>logo and/or title with link</h1>
        </hgroup>
        <nav role="navigation">
          <ul role="menubar">
          </ul>
        </nav>
        <section>
        </section>
      </header>
      <main role="main">
        <section>
          <article role="article">
          </article>
          <article role="article">
          </article>
        </section>
      </main>
    </section>
    <aside role="complementary">
    </aside>
    <footer role="contentinfo">
      <time datetime="2014-01-28">© 2014 – by me</time>
    </footer>
    <script>var _gaq=[['_setAccount','UA-XXXX-XX'],['_trackPageview']];(function(a,b){var c=a.createElement(b),d=a.getElementsByTagName(b)[0];c.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";d.parentNode.insertBefore(c,d)})(document,"script");</script>
  </body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment