article — Complete Guide
article — Complete Guide: free step-by-step lesson with examples, common mistakes, and interview tips — part of HTML Tutorial on Toolliyo Academy.
On this page
HTML Tutorial · Lesson 35 of 100
article
Basics ✓ → Forms & semantics → APIs & performance → Projects
Forms & semantics · 2 — Forms, SEO, a11y · ~6 min · HTML — Semantic HTML & SEO
What is this?
article is self-contained content that could stand alone — posts, cards, comments.
Why should you care?
MarkupVerse news and product cards use article for syndication-friendly units.
See it live — copy this example
Save as demo.html and open in your browser, or use Run Example below.
<article>
<header>
<h2>New card controls</h2>
<p><time datetime="2026-07-19">19 Jul 2026</time></p>
</header>
<p>Freeze and unfreeze your MarkupVerse card in the app.</p>
</article>Run Example »
Edit the code below and click Run to see the result in Toolliyo’s live editor.
What happened?
- If it makes sense in an RSS feed, article is a good fit.
- Nesting articles is OK for comments under a post.
Practice next
- Wrap a news card in article.
- Add time datetime.
- Own header inside.
- Nest a comment article.
- Add author address.
Remember
Standalone unit. Own heading. time for dates.
MarkupVerse news card
Blog lists article cards.
Outcome: Each story is a clear unit.
Interview prep for this lesson
Practice these questions aloud after reading—each links to a full structured answer.
Sign in to ask a question or upvote helpful answers.
No questions yet — be the first to ask!
