What Is The HTML <article> Tag?

What Is The HTML Article Tag

Date First Published: 30th September 2023

Topic: Web Design & Development

Subtopic: Web Development

Article Type: Computer Terms & Definitions

Difficulty: Medium

Difficulty Level: 5/10

Learn more about what the HTML <article> tag is in this article.

In HTML, the <article> tag is used to specify separate and self-contained content. It is often used to display independent content that is distributed separately from the rest of the page, such as blog posts, forum posts, news articles, product cards, user-submitted content, and more. It was introduced in HTML5 and is compatible with all modern web browsers.

The functionality of this HTML tag is similar to using <div> elements and the display and styling work the same. Using this tag does not cause anything special to render in web browsers. However, it can be styled using CSS. In addition, using the <article> tag instead of <div> provides more semantic information to screen readers, search engines, and third-party applications, which is better for accessibility and SEO.

Example Of The <article> Tag

An example of the <article> tag can be seen below.

<article class="example"> <h2>Example Article 1</h2> <p>Type the description here.</p> </article> <article class="browser"> <h2>Example Article 2</h2> <p>Type the description here.</p> </article> <article class="browser"> <h2>Example Article 3</h2> <p>Type the description here.</p> </article>

Example Article 1

Type the description here.

Example Article 2

Type the description here.

Example Article 3

Type the description here.


Feedback

  • Is there anything that you disagree with on this page?
  • Are there any spelling, grammatical, or punctuation errors on this page?
  • Are there any broken links or design errors on this page?

If so, it is important that you tell me as soon as possible on this page.


Comments