Elemen semantik adalah elemen yang menyampaikan maknanya secara jelas kepada browser dan developer.
Elemen non-semantik: <div> dan <span> (tidak menjelaskan isi kontennya).
Elemen semantik: <header>, <nav>, <main>, <section>, <article>, <figure>, <footer>.
<!DOCTYPE html>
<html>
<body>
<article style="background:#f8fafc; padding:20px; border-radius:10px; border:1px solid #e2e8f0;">
<header>
<h2>Skillance Academy Luncurkan Materi Baru</h2>
<p style="color:#64748b; font-size:0.85rem;">Dipublikasikan pada 5 November 2026</p>
</header>
<p>Seluruh materi HTML kini disusun lengkap resmi dari Skillance Academy Indonesia untuk mahasiswa.</p>
<footer>
<small>Kategori: Edukasi Teknologi</small>
</footer>
</article>
</body>
</html>Elemen <article> cocok untuk konten mandiri yang dapat didistribusikan ulang (seperti postingan blog atau berita).
Manakah di bawah ini yang merupakan elemen semantik HTML5?