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.
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!