The <article> tag is new to HTML5 and it replaces <div> tag. It specifies self-contained content in a document, page or in a site. This can be use in Blog post, Magazine article, comments or in widgets.
How To Use The Article Tag:
<article>
<h1>heading</h1>
<p>content</p>
</article>
Coding:
<html>
<head>
<title>How To Use The Article Element – HTML5</title>
</head>
<style>
.wrapper{color:#000; width: 800px; }.wrapper article{ color:#FFF; font: Arial, Helvetica, sans-serif; font-size:14px; background-color:#3a3a3a; padding: 0px 20px 12px; border: #01a2e5 solid 0.01em;}.wrapper article p { color:#11a6dd;}
.wrapper article h3 { font-family: “Times New Roman”, Times, serif; color: #FFF;}
</style>
<body >
<div class=”wrapper”>
<article>
<h3>Heading</h3>
<p>Lectus aliquet penatibus ac mid nec elementum augue ridiculus nascetur? Cursus urna facilisis turpis aliquam porttitor, turpis egestas arcu, adipiscing nisi mus diam, cursus, urna scelerisque, nunc amet sociis elementum, placerat ac!</p>
<p>Sed, ac risus tincidunt scelerisque quis turpis a pulvinar amet? Aliquet cum porttitor integer enim odio non, tristique, duis nec dapibus integer</p>
</article>
Final Preview:
Heading
Lectus aliquet penatibus ac mid nec elementum augue ridiculus nascetur? Cursus urna facilisis turpis aliquam porttitor, turpis egestas arcu, adipiscing nisi mus diam, cursus, urna scelerisque, nunc amet sociis elementum, placerat ac!
Sed, ac risus tincidunt scelerisque quis turpis a pulvinar amet? Aliquet cum porttitor integer enim odio non, tristique, duis nec dapibus integer
Tags: Html5 article element, Html5 article tag, Html5 article tag with css
