Skip to main content

Home/ HTML5 development/ Group items tagged footer

Rss Feed Group items tagged

Vernon Fowler

The Footer Element Update | HTML5 Doctor - 0 views

  • To see an example of the <footer> within an article/section look no further than this very page.
  • <article>   Article content appears here.   <footer>   Footer information for article.   </footer></article>
Vernon Fowler

The article element | HTML5 Doctor - 0 views

  • A weblog-style <article> A published date leads us to add a <header>, and there’s also content that would be suitable in a <footer> elements. <article>  <header>    <h1>Apple</h1>    <p>Published: <time pubdate="pubdate">2009-10-09</time></p>  </header>  <p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>  ...  <footer>    <p><small>Creative Commons Attribution-ShareAlike License</small></p>  </footer></article>
Vernon Fowler

HTML5 sectioning elements, headings, and document outlines | 456 Berea Street - 0 views

  • To prevent the footer’s heading from becoming the page heading we can wrap the footer element’s contents in a section element:
  • This really feels like a hack, but it does move the footer heading to its expected position in the document outline.
  • Since there is no heading in the nav element, it becomes “Untitled NAV”.
Vernon Fowler

Designing a blog with html5 | HTML5 Doctor - 0 views

  • use the header, footer, main and nav elements to mark up the broad structure of the page. Doing this will make your site more accessible to real people who use some assistive technologies
Vernon Fowler

The main element | HTML5 Doctor - 0 views

  • One important facet of <main> is that it can only be used once per page.
  • Another stipulation of <main> is that it can’t be used as a descendant of an <article>, <aside>, <footer>, <header>, or <nav> element.
  • Of course, if you use the html5shiv, <main> is now baked in directly.
1 - 5 of 5
Showing 20 items per page