Post
Ask Question

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
  1. <article  
  2.     accesskey="spaced list of accelerator key(s)"  
  3.     class="class name(s)"  
  4.     contenteditable="true | false | inherit"  
  5.     contextmenu="id of menu"  
  6.     data-X="user-defined data"  
  7.     dir="ltr | rtl"  
  8.     draggable="true | false | auto"  
  9.     hidden="hidden"  
  10.     id="unique alphanumeric identifier"  
  11.     itemid="microdata id in URL format"  
  12.     itemprop="microdata value"  
  13.     itemref="space-separated list of IDs that may contain microdata"  
  14.     itemscope="itemscope"  
  15.     itemtype="microdata type in URL format"  
  16.     lang="language code"  
  17.     spellcheck="true | false"  
  18.     style="style information"  
  19.     tabindex="number"  
  20.     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:
  1. <!DOCTYPE >  
  2. <html>  
  3.     <head>  
  4.         <title>SQL Server Compact 4.0 </title>  
  5.     </head>  
  6.     <body>  
  7.         <header>  
  8.             <h1>  
  9.             Download Microsoft SQL Server Compact 4.0</h1>  
  10.         </header>  
  11.         <article>  
  12.             <p>  
  13.             Microsoft SQL Server Compact 4.0 is a free, embedded database that software developers  
  14.             can use for building ASP. NET websites and Windows desktop applications. SQL Server  
  15.             Compact 4.0 has a small footprint and supports private deployment of its binaries  
  16.             within the application folder, easy application development in Visual Studio and  
  17.             Web Matrix, and seamless migration of schema and data to SQL Server.  
  18.         </p>  
  19.         </article>  
  20.         <h2>  
  21.             <abbr title="Click Here to Download">  
  22.                 <a href="http://www.microsoft.com/download/en/details.aspx?id=17876" style="text-decoration: none">  
  23.                 Download Here </a>  
  24.             </abbr>  
  25.         </h2>  
  26.         <h4>  
  27.         Overview</h4>  
  28.         <article>  
  29.             <p>  
  30.             SQL Server Compact 4.0 enables new scenarios and includes a host of new features,  
  31.             including the following:  
  32.         </p>  
  33.             <ul>  
  34.                 <li>  
  35.                     <p>  
  36.                     SQL Server Compact 4.0 is the default database for Microsoft Web Matrix, which is  
  37.                     a stack of web technologies for easily building and deploying websites on the Windows  
  38.                     platform.  
  39.                 </p>  
  40.                 </li>  
  41.                 <li>  
  42.                     <p>  
  43.                     For enhanced development and debugging capabilities, including designer support,  
  44.                     Visual Studio can be used to develop ASP. NET web applications and websites using  
  45.                     SQL Server Compact 4.0.  
  46.                 </p>  
  47.                 </li>  
  48.                 <li>  
  49.                     <p>  
  50.                     Enabled to work in the medium or partial trust environments in the web servers,  
  51.                     and can be easily deployed along with the website to the third party website hosting  
  52.                     service providers.  
  53.                 </p>  
  54.                 </li>  
  55.                 <li>  
  56.                     <p>  
  57.                     Private deployment of SQL Server Compact further simplified by having all the required  
  58.                     managed assemblies, and the x86 and x64 DLLs, including the Visual C++ 2008 runtime  
  59.                     libraries (x86 and x64) SP1 in a single private folder in the install location of   
  60.                    SQL Server Compact.  
  61.                 </p>  
  62.                 </li>  
  63.                 <li>  
  64.                     <p>  
  65.                     Stronger data security with the use of the SHA2 encryption algorithms for encrypting  
  66.                     the databases.  
  67.                 </p>  
  68.                 </li>  
  69.                 <li>  
  70.                     <p>  
  71.                     T-SQL syntax enhancement by adding support for OFFSET and FETCH that can be used  
  72.                     to write paging queries and new APIs like SqlConnection.GetSchema that provides  
  73.                     the metadata information of the database.  
  74.                 </p>  
  75.                 </li>  
  76.                 <li>  
  77.                     <p>  
  78.                     Used with ADO. NET Entity Framework, SQL Server Compact now supports the columns  
  79.                     that have server generated keys like identity, rowguid etc. and the code-first programming  
  80.                     model.  
  81.                 </p>  
  82.                 </li>  
  83.             </ul>  
  84.         </article>  
  85.         <br />  
  86.         <br />  
  87.         <br />  
  88.         <br />  
  89.         <footer>  
  90.             <p style="text-align: center">  
  91.             © 2011 contents copyright of their authors. Rest everything copyright Mind cracker.  
  92.             All rights reserved.</p>  
  93.         </footer>  
  94.     </body>  
  95. </html>   
Output:
 
IE
 
Article-tag-in-Internet-Exp.gif
 
Chrome
 
Article-tag-in-chrome.gif
 
FireFox
 
Article-tag-in-FireFox.gif
 


Similar Articles