Home arrow HTML arrow Embedding External Content with HTML 5`s Article Tag
HTML

Embedding External Content with HTML 5`s Article Tag


In this penultimate part of a series on HTML 5, you will learn how to use its new <article> tag. This element should be used when itís necessary to include in a web page content that comes from an external source, such as feeds, blogs and even multiple web services. The beauty of <article> rests on its ability to wrap external data in a truly semantic way, which is harder to achieve with regular divs.

Author Info:
By: Alejandro Gervasio
Rating: 4 stars4 stars4 stars4 stars4 stars / 6
May 03, 2010
TABLE OF CONTENTS:
  1. · Embedding External Content with HTML 5`s Article Tag
  2. · Review: semantic sidebars in HTML 5 with the aside element
  3. · Embedding external content into an HTML 5 document with the article tag
  4. · Including multiple blog entries in a document

print this article
SEARCH DEVARTICLES

Embedding External Content with HTML 5`s Article Tag
(Page 1 of 4 )

While HTML 5 is admittedly for now a set of drafts subject to change by the W3 Consortium, sooner or later itíll become a standard specification. This means that you, as a web designer, should start getting a more intimate knowledge of its features and learn how to put them to work for you in the near future.

So, if youíd like to acquire a better understanding of the (coming) specification, keep reading. In this article series I've been introducing you to the most relevant elements that come with HTML 5. This way youíll be able to create clean and semantic web pages in a snap, without the need to always use generic containers like divs or lists.

Of course, if you've read the articles that preceded this one, you probably have a clear idea of how to create semantic headers, navigational sections, sidebars and footers by using the brand new tags provided by HTML 5. In those tutorials I covered each of these elements in detail. Whatís more, I left off the last tutorial explaining how to work with the <aside> tag, which is useful for defining and reflecting a sidebar on a web page.

Itís fair to stress, though, that HTML 5 comes bundled with a few additional elements that allow you to define specific sections in a document while preserving its semantic meaning. Thatís exactly the case with the <article> tag. It is designed to be used for embedding into a web page contents fetched from several external sources, such as third-party blogs or RSS feeds.

Therefore, in this penultimate installment of the series Iím going to take a closer look at the <article> element, so you can grasp its driving logic and begin using it in your HTML 5 documents. Letís jump in!


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