Tuesday, December 9, 2014

The article element in HTML5


The new <article> element is more self -contained as it is used to outline a self-contained composition that can be spread around the Web if required for example for syndication purposes.
The <article> element can also represent a widget, and not just a blog entry or comment, but a composition and so on.
Here is a page on Guitars and some placeholder text to show where comments can be added to the footer. Firstly we start with the initial code (before comments are added to the footer). This takes the form.
<article id=”MyGuitarBlog”>
<header>
<h1>Your first high end Guitar</h1>
<p> Taking the plunge, and why you should do it </p>
</header>
<p>Buying your first really high end axe is up there with moving house,
doing a driving test or getting married in terms of being really important
but the good news is it’s nothing like as stressful as any of those are!</p>
<p>[…] </p>
<footer>
<p>Some comments from interested humans </p>
</footer>
</article>
The revised spec (as of 16 September) says:
“Authors are encouraged to use the article element instead of the section element when it would make sense to syndicate the contents of the element.”
The idea is that they are self-contained so that they can be referenced or syndicated elsewhere if needed. You can also think of an article as a small unit.

No comments:

Post a Comment