HTML

Semantic Article Structure

admin by @admin ADMIN
4d ago
May 31, 2026
Public
0 0 up · 0 down Sign in to vote
`<article>` for self-contained content (blog post, comment, news item). Each article gets its own header, body, and (optionally) footer. Helps screen readers, RSS, and Google understand structure.
HTML
Raw
<article>
    <header>
        <h2><a href="/posts/perf-wins">How We Cut Page Load Time in Half</a></h2>
        <p class="byline">
            By <a rel="author" href="/authors/alice">Alice Example</a>
            on <time datetime="2025-03-12">March 12, 2025</time>
            · 8 min read
        </p>
    </header>

    <p>Intro paragraph that hooks the reader…</p>

    <section>
        <h3>1. Drop the polyfills</h3>
        <p>…</p>
    </section>

    <section>
        <h3>2. Lazy-load below-the-fold images</h3>
        <p>…</p>
    </section>

    <footer>
        <p>Tags:
            <a rel="tag" href="/tags/performance">performance</a>,
            <a rel="tag" href="/tags/web">web</a>
        </p>
    </footer>
</article>
Tags

Save your own code snippets

Create a free account and build your private vault. Share publicly whenever you want.