The HTML <article> tag describes the primary content in a web page. Generally, this tag includes content, such as blog posts, article posts, news, stories, etc.

What is HTML Article Tag?

The <article> tag is one of the latest sectioning tags in HTML5. This tag defines articles in an HTML document. Multiple <article> tags can be added to an HTML document where the inner element in a nested <article> element defines an article corresponding to the outer element.


<article>Write your content here.</article>

Advantages of Using Article Tag

The <article> tag usually includes the main content on a webpage or the snippet content of the main content. Users can consistently use a <div> tag to specify the sections or divisions on a web page. But handling the <article> tag is beneficial because when a web browser or web crawler accesses a web page and sees a section of content within the <article> tag, it will immediately understand that it is the main content. In this, the author information of an <article> element can be provided using the <address> element, but keep in mind that this may not apply to nested <article> elements. Headers from <h2> to <h6> can be nested inside <article> tags. If the user does not apply the <h1> tag first, its placement is allowed.

How Does the Article Tag Work?

A single <article> defines the primary content that is also unique. In contrast, a web page with multiple <article> tags may include various contents, and in other ways, these elements are equivalent to <div> tags. Here the primary purpose of the <article> tag is to clean up the content by reducing the function of the <div> tag in the HTML code.

The <article> tag has special meaning for web browsers and search engines; Otherwise, It does nothing different. This <article> tag can also be styled using CSS, similar to the <div> tag.


An article with independent, self-contained content:

<!DOCTYPE html>

        <title>Example of HTML article tag</title>

        <article>This is the main content of this HTML document. And this content is contained within the article tag.</article>


Found This Page Useful? Share It!
Get the Latest Tutorials and Updates
Join us on Telegram