Home arrow HTML arrow Working with HTML 5`s Footer Element

Working with HTML 5`s Footer Element

In this third part of a series on HTML 5, I provide you with a quick and simple introduction to creating semantic footers in HTML 5 with the footer tag. Using this element is similar to marking up a section with a div that has been assigned a meaningful ID. In this case, though, HTML 5 saves you from that hassle.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 8
April 26, 2010
  1. · Working with HTML 5`s Footer Element
  2. · Review: the section element
  3. · Defining semantic footers in HTML 5 with the footer element
  4. · Defining a footer area with multiple sections

print this article

Working with HTML 5`s Footer Element
(Page 1 of 4 )

Itís not breaking news that the web is a creature in constant evolution that feeds itself from several languages and technologies from the client- and server-side terrains. In the last few months, however, things have started to look really exciting on the client side with the imminent release of the long-awaited HTML 5 specification by the W3 Consortium. Packaged with lots of handy features, the future specification aims to provide web designers with more mature and powerful elements that will make building websites (or at least their front ends) a relative painless experience.

Even though for the time being most modern browsers donít offer reliable support for HTML 5, itís worth taking an introductory look at the most relevant features offered by the upcoming specification. This way youíll be able to get a more solid and intimate background in it. With that goal in mind, in this article series Iím going to cover (according to my personal opinion) the most useful elements included with HTML 5, so you can start taking advantage of their functionality in the near future.

Naturally, if youíve already taken a peek at the two articles that precede this one, you already have a good idea of how to semantically define several heading, navigational and generic sections within an HTML 5 document. In those tutorials I showed how to accomplish these tasks by using the new <header>, <nav> and <section> elements.

Since HTML 5 includes a set of tags that allow developers to create truly semantic headers and navigation bars, you may be wondering if it also provides an element that permits you to define footers with the same ease. As it turns out, the language comes bundled with a tag called <footer> that does exactly that. Therefore, in this third part of the series Iím going to use some easy-to-follow examples to explain how to use the <footer> element to define pristine, beautifully marked-up footer sections on web pages.

Now, letís leave the preliminaries behind and continue our introduction to HTML 5. Let's go!

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials