New Article Tag Introduced in HTML5

Introduction

The <article> tag specifies a component of a page that consists of self-contained, independent and reusable content. The HTML <article> tag is used to represent an article. There are many examples of the possible use of articles like a newspaper article, forum posts, blog entries, magazines, user comments, a Web log entry or any other reusable item of content. The <article> tag is introduced in HTML 5. Many people might be confused about the <article> and <section> tags. The article tag has a more semantic meaning compared to the section tag. The section tag splits an article into logical groups of content with a heading and it is only related to block content.

Syntax

<article
accesskey="spaced list of accelerator key(s)"
class="class name(s)"
contenteditable="true | false | inherit"
contextmenu="id of menu"
data-X="user-defined data"
dir="ltr | rtl"
draggable="true | false | auto"
hidden="hidden"
id="unique alphanumeric identifier"
itemid="microdata id in URL format"
itemprop="microdata value"
itemref="space-separated list of IDs that may contain microdata"
itemscope="itemscope"
itemtype="microdata type in URL format"
lang="language code"
spellcheck="true | false"
style="style information"
tabindex="number"
title="advisory text"></article>

HTML5 Event Attributes
onabort	onblur	oncanplay	oncanplaythrough	onchange
onclick	oncontextmenu	ondblclick	ondrag	ondragend
ondragenter	ondragleave	ondragover	ondragstart	ondrop
ondurationchange	onemptied	onended	onerror	onfocus
onformchange	onforminput	oninput	oninvalid	onkeydown
onkeypress	onkeyup	onload	onloadeddata	onloadedmetadata
onloadstart	onmousedown	onmousemove	onmouseout	onmouseover
onmouseup	onmousewheel	onpause	onplay	onplaying
onprogress	onratechange	onreadystatechange	onscroll	onseeked
onseeking	onselect	onshow	onstalled	onsubmit
onsuspend	ontimeupdate	onvolumechange	onwaiting

Code:

<!DOCTYPE >
<html>
<head>
<title>SQL Server Compact 4.0 </title>
</head>
<body>
<header>
<h1>
Download Microsoft SQL Server Compact 4.0</h1>
</header>
<article>
<p>
Microsoft SQL Server Compact 4.0 is a free, embedded database that software developers
can use for building ASP. NET websites and Windows desktop applications. SQL Server
Compact 4.0 has a small footprint and supports private deployment of its binaries
within the application folder, easy application development in Visual Studio and
Web Matrix, and seamless migration of schema and data to SQL Server.
</p>
</article>
<h2>
<abbr title="Click Here to Download">
<a href="http://www.microsoft.com/download/en/details.aspx?id=17876" style="text-decoration: none">
Download Here </a>
</abbr>
</h2>
<h4>
Overview</h4>
<article>
<p>
SQL Server Compact 4.0 enables new scenarios and includes a host of new features,
including the following:
</p>
<ul>
<li>
<p>
SQL Server Compact 4.0 is the default database for Microsoft Web Matrix, which is
a stack of web technologies for easily building and deploying websites on the Windows
platform.
</p>
</li>
<li>
<p>
For enhanced development and debugging capabilities, including designer support,
Visual Studio can be used to develop ASP. NET web applications and websites using
SQL Server Compact 4.0.
</p>
</li>
<li>
<p>
Enabled to work in the medium or partial trust environments in the web servers,
and can be easily deployed along with the website to the third party website hosting
service providers.
</p>
</li>
<li>
<p>
Private deployment of SQL Server Compact further simplified by having all the required
managed assemblies, and the x86 and x64 DLLs, including the Visual C++ 2008 runtime
libraries (x86 and x64) SP1 in a single private folder in the install location of
SQL Server Compact.
</p>
</li>
<li>
<p>
Stronger data security with the use of the SHA2 encryption algorithms for encrypting
the databases.
</p>
</li>
<li>
<p>
T-SQL syntax enhancement by adding support for OFFSET and FETCH that can be used
to write paging queries and new APIs like SqlConnection.GetSchema that provides
the metadata information of the database.
</p>
</li>
<li>
<p>
Used with ADO. NET Entity Framework, SQL Server Compact now supports the columns
that have server generated keys like identity, rowguid etc. and the code-first programming
model.
</p>
</li>
</ul>
</article>
<br />
<br />
<br />
<br />
<footer>
<p style="text-align: center">
© 2011 contents copyright of their authors. Rest everything copyright Mind cracker.
All rights reserved.</p>
</footer>
</body>
</html>

Output:

Chrome

FireFox

1 Comment

Join the conversation! Your thoughts help the community grow.

Kamal Rawat15y ago
I think, Article tag is supported in all major browsers.. Is there a difference between the snap-shots of different browsers above? I think the true strength of this tag is the ability to separate header, footer and body of the article under the header, footer tags. About Article v/s Section.. can you throw more light on which tag should be used when ?