HTML - Footer

About

The footer is an element that represents the footer of:

A footer:

  • contains information about its section such as
    • who wrote it,
    • links to related documents,
    • copyright data,
    • and the like.
  • represent
    • appendices,
    • indexes,
    • long colophons,
    • verbose license agreements,
    • and other such content

Example

Some site designs have what is sometimes referred to as fat footers — footers that contain a lot of material, including images, links to other articles, links to pages for sending feedback, special offers… in some ways, a whole “front page” in the footer.

This fragment shows the bottom of a page on a site with a “fat footer”:

<body>
....
<footer>
  <nav>
   <section>
    <h1>Articles</h1>
    <p><img src="images/somersaults.jpeg" alt=""> Go to the gym with our somersaults class! Our teacher Jim takes you through the paces
    in this two-part article. <a href="articles/somersaults/1">Part 1</a> · <a href="articles/somersaults/2">Part 2</a></p>
    <p><img src="images/kindplus.jpeg"> Tired of walking on the edge of a clif<!-- sic -->? Our guest writer Lara shows you how to bumble
    your way through the bars. <a href="articles/kindplus/1">Read more...</a></p>
    <p><img src="images/crisps.jpeg"> The chips are down, now all that's left is a potato. What can you do with it? <a
    href="articles/crisps/1">Read more...</a></p>
   </section>
   <ul>
    <li> <a href="/about">About us...</a>
    <li> <a href="/feedback">Send feedback!</a>
    <li> <a href="/sitemap">Sitemap</a>
   </ul>
  </nav>
  <p><small>Copyright © 2015 The Snacker —
  <a href="/tos">Terms of Service</a></small></p>
 </footer>
</body>

Documentation / Reference





Discover More
CSS - Block container box

A block container box is just a container of boxes created from HTML container element and rendered as a block box. It cancontains either: only block-level boxes (generated from elements) or establishes...
HTML - (Flow|Body) Content

Most elements that are used in the body of documents and applications are categorized as flow content. Flow content consists of flow elements intermixed with normal character data. (ifbodhead...
HTML - Article Element

article is an element that represents a section of content that forms an independent part of a document or site; For example: a magazine a newspaper article, or a blog entry. This is a more...
HTML - Sections (Sectioning Content Element)

Sectioning content or sectioning element are elements that creates a logical section A section in HTML logically groups content by thematic. Each section can have one heading or a group of heading associated...



Share this page:
Follow us:
Task Runner