<article>

Syntax

<article>
  <h2>Article Title</h2>
  <p>Article content...</p>
</article>

Examples

<article>
  <h2>Getting Started with TypeScript</h2>
  <p>Published March 3, 2026</p>
  <p>TypeScript adds static typing to JavaScript...</p>
</article>

<section>
  <article>
    <h3>Breaking: New JS Framework Released</h3>
    <p>Summary of the news...</p>
  </article>
  <article>
    <h3>CSS Grid Level 3 Draft Published</h3>
    <p>Summary of the news...</p>
  </article>
</section>

<article>
  <h2>Why Semantic HTML Matters</h2>
  <p>Main post content...</p>
  <section>
    <h3>Comments</h3>
    <article>
      <p>Great explanation, thanks!</p>
    </article>
  </section>
</article>

Best practices

• Use <article> only for content that would make sense on its own if extracted from the page
• Give each <article> its own heading so it is meaningful out of context
• It is fine to nest <article> elements, such as comments within a blog post
• If content only makes sense in the context of the surrounding page, use <section> or <div> instead

Browser compatibility

Related HTML documentation

Specifications & further reading

• HTML Living Standard