HTML Article Tag
The <article> element was introduced in HTML 5.
The <article> tag in HTML is used to define independent and self-contained content on a web page.
That simply means — whatever you put inside the <article> tag should make sense on its own.
Using the <article> tag makes your HTML more semantic, which means the structure has real meaning.
Instead of just putting everything inside generic <div> tags, using <article> tells the browser and search engines: "Hey, this block is a full article!"
Syntax -
<article>...content here...</article>
Inside the <article>, you can add:
- A heading (<h1> to <h6>)
- Paragraphs (<p>)
- Images (<img>)
- Links (<a>)
- Lists (<ul> or <ol>)
- Even other semantic tags like <header>, <footer>, or <section>
Example -
Scenario - A look at a basic blog article example
<!DOCTYPE html>
<html>
<head>
<title> article example</title>
</head>
<body>
<h2>5 Easy Tips for Learning HTML</h2>
<p>Learning HTML is fun and easy when you start with the basics.
Start by understanding tags and elements.</p>
<p>Use free tools to practice, build simple pages,
and explore other web technologies like CSS and JavaScript.</p>
<p><em>Published on:</em> July 19, 2025</p>
</body>
</html>
Output -
5 Easy Tips for Learning HTML
Learning HTML is fun and easy when you start with the basics. Start by understanding tags and elements.
Use free tools to practice, build simple pages, and explore other web technologies like CSS and JavaScript.
Published on: July 19, 2025
Explaining Example -
This is one complete article.
It has a heading and multiple paragraphs.
Even if you pulled this section out of the page, it would still make complete sense.
Difference Between <article> and <section>
Beginners often get confused between <article> and <section>, so here’s a quick explanation:
Tag | Purpose |
<article> | Used for standalone, complete content (blog posts, news articles, product cards, etc.) |
<section> | Used for grouping related content within a page (like chapters, tabs, or grouped content) |