Home arrow HTML arrow Building Sidebars with HTML 5`s Aside Element
HTML

Building Sidebars with HTML 5`s Aside Element


In this fourth part of the series, I introduce you to the aside element. It comes in handy for quickly defining a sidebar within an HTML 5 document, while preserving its precious and valuable semantic meaning.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 7
April 27, 2010
TABLE OF CONTENTS:
  1. · Building Sidebars with HTML 5`s Aside Element
  2. · Review: defining footers in HTML 5 using the footer element
  3. · Creating sidebars in HTML 5 with the aside element
  4. · Adding a footer to the previous web page

print this article
SEARCH DEVARTICLES

Building Sidebars with HTML 5`s Aside Element
(Page 1 of 4 )

It's fair to say that HTML 5 as a standard W3C specification remains in an undefined state (at least at the time of this writing). Nevertheless, itís worth taking a close look at the handy features that come packaged with this newer version of the language and learn right now how to take advantage of their functionality, even though most modern browsers donít offer reliable support for them yet.

In consonance with this idea, in previous parts of this article series I offered a quick introduction to using some of the most relevant elements that come bundled with HTML 5. These included, among other things, the <header>, <nav> and <footer> tags, which allowed you to easily define the layout of a document without having to use a bunch of generic divs. In addition, I explained how to use the <section> element, which lets you define several sections on a web page with a strong semantic meaning.

Undoubtedly, all of the elements covered so far illustrate the efforts of the W3 Consortium to create a more thorough specification that lets web designers build more semantic and cleaner documents with only minor hassles.

As I demonstrated in preceding parts of this series, HTML 5 comes equipped with a group of specific tags that can be used for building the layout of a web page in an extremely straightforward fashion. The aforementioned <header>, <nav> and <footer> elements are good examples of this ability. However, itís important to say that the language also includes another handy tag called <aside> which has been specially conceived for defining semantic sidebars on a web page. Therefore, in the course of the following lines Iím going to show you how to work with the <aside> element, as usual by means of a decent variety of easy-to-follow code samples.

Are you ready to learn how to define sidebars in HTML 5 in a few simple steps? Them click on the link below and start reading!


blog comments powered by Disqus
HTML ARTICLES

- 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 
Support 

Developer Shed Affiliates

 




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