Linux OS
(Operating System)Linux is a free open-source Operating System, built around the Linux Kernel. Linus Torvalds is the Father of Linux.
Home »
HTML »
HTML Article Tag
HTML Article Tag
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
Example
Try this code »
<!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>
<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
Example
Try this code »
<!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>
<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
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
 Edge |
 Chrome |
 Firefox |
 Opera |
 Safari |
|
|---|---|---|---|---|---|
<article> |
Recommended :