Tag Semantik

Tag semantik dalam HTML membantu menjelaskan makna konten, sehingga kode lebih mudah dipahami oleh developer dan browser. Berbeda dengan <div> dan <span>, tag semantik memberikan konteks pada konten yang diapitnya.

Tag Semantik Umum:

• <header>: Konten pengantar, biasanya di bagian atas.
• <nav>: Berisi tautan navigasi.

• <main>: Konten utama halaman.
• <article>: Bagian mandiri seperti postingan blog.

• <section>: Mengelompokkan konten terkait, sering kali dengan judul.
• <footer>: Bagian bawah dengan info seperti hak cipta atau detail kontak.

<header>
	<nav>
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>
</header>
<main>
	<article>
		<h2>Article Title</h2>
		<p>Article content goes here.</p>
	</article>
</main>
<footer>
	<p>Copyright 2023</p>
</footer>

Struktur ini memberikan tata letak yang jelas dan bermakna untuk konten.