HTML Article

The HTML <article> tag defines an independent self-contained content in a document. It usually works like a normal div, but is given special name and used as an area where specifically articles should be written.

This tag is usually used on blog post, Forum post, comments etc.


HTML article Tag


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Article Tag </title>
</head>
<body>
<article>
<h2>Linux OS</h2>
<i>(Operating System) </i>
<p>Linux is a free open-source Operating System, built around the Linux Kernel. Linus Torvalds is the Father of Linux.</p>
</article>
</body>
</html>

Output

HTML Article Tag Examples

Linux OS

(Operating System)

Linux is a free open-source Operating System, built around the Linux Kernel. Linus Torvalds is the Father of Linux.



<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title> HTML Article Tag </title>
</head>
<body>
<article>
<header>
<h1>Apple</h1>
<p>Published: <time pubdate datetime="2019-3-31">9th October, 2009</time></p>
</header>
<p>The <b>apple</b> is the pomaceous fruit of the apple tree...</p>
...
<section>
<h2>Comments</h2>
<article>
<header>
<h3>Posted by: Apple Lover</h3>
<p><time pubdate datetime="2019-3-31:10-08:00">~1 hour ago</time></p>
</header>
<p>I love apples, my favourite kind are Granny Smiths</p>
</article>
<article>
<header>
<h3>Posted by: Oranges are king</h3>
<p><time pubdate datetime="2019-2-25:15-08:00">~1 hour ago</time></p>
</header>
<p>Urgh, apples!? you should write about ORANGES instead!!1!</p>
</article>
</section>
</article>
</body>
</html>

Output

HTML Article Tag

Apple

Published:

The apple is the pomaceous fruit of the apple tree...

...

Comments

Posted by: Apple Lover

I love apples, my favourite kind are Granny Smiths

Posted by: Oranges are king

Urgh, apples!? you should write about ORANGES instead!!1!


Browser Support

Element
Microsoft Edge browser.png Edge
Chrome browser.png Chrome
Firefox browser.png Firefox
Opera browser.png Opera
safari browser.png Safari
<article>
Yes
Yes
Yes
Yes
Yes








Become a Patron!

Note: If the updated content is not visible to you please refresh the cookies by pressing CTRL + Shift + R.