HTML Article Tag

HTML <article> tag is one of the semantic elements used to define a self-contained independent article. The content inside this tag is considered as an individual piece of content that could be distributed, syndicated or re-used independently. It is generally used to represent blog posts, newspaper articles, etc. that could be separated from the page.


The syntax for the article tag

1<article> 2 <!-- content goes here --> 3</article>


1<!DOCTYPE html> 2<html> 3<head> 4 <title>HTML Article Tag Example</title> 5</head> 6<body> 7 <header> 8 <h1>My Blog</h1> 9 </header> 10 11 <nav> 12 <ul> 13 <li><a href="#">Home</a></li> 14 <li><a href="#">About</a></li> 15 <li><a href="#">Contact</a></li> 16 </ul> 17 </nav> 18 19 <main> 20 <article> 21 <header> 22 <h2>The Benefits of Exercising Daily</h2> 23 </header> 24 <p>Exercising daily has numerous benefits for both physical and mental health. It helps to maintain a healthy weight, reduces the risk of chronic diseases, boosts mood and energy levels, and improves sleep quality, among other benefits.</p> 25 <p>Moreover, regular exercise can help to reduce stress and anxiety, improve cognitive function, and enhance overall quality of life.</p> 26 </article> 27 </main> 28 29 <footer> 30 <p>&copy; 2025 My Blog. All rights reserved.</p> 31 </footer> 32 33</body> 34</html>

In the above example, we have used the <article> tag to create a blog post about the benefits of exercising daily. The content inside the <article> tag is self-contained and can be distributed or re-used independently.