Semantik Etiketler

HTML'deki anlamsal etiketler, içeriğin anlamını tanımlamaya yardımcı olarak kodu hem geliştiriciler hem de tarayıcılar için daha anlaşılır hâle getirir. <div> ve <span> etiketlerinden farklı olarak, içerdikleri içeriğe bağlam kazandırırlar.

Yaygın Anlamsal Etiketler:

• <header>: Genellikle en üstte bulunan tanıtıcı içerik.
• <nav>: Gezinme bağlantılarını içerir.

• <main>: Sayfanın ana içeriği.
• <article>: Bir blog yazısı gibi kendi kendine yeten bir bölüm.

• <section>: İlgili içerikleri, genellikle bir başlıkla birlikte gruplandırır.
• <footer>: Telif hakkı veya iletişim bilgileri gibi bilgilerin bulunduğu alt bölüm.

<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>

Bu yapı, içerik için açık ve anlamlı bir düzen sağlar.