الوسوم الدلالية

تساعد الوسوم الدلالية (Semantic tags) في HTML على تحديد معنى المحتوى، مما يجعل الكود أكثر وضوحاً لكل من المطورين والمتصفحات. وعلى عكس <div> و <span>، فهي تعطي سياقاً للمحتوى المضمن.

وسوم دلالية شائعة:

• <header> – محتوى تمهيدي، عادة ما يكون في الأعلى.
• <nav> – يحتوي على روابط التنقل.

• <main> – المحتوى الرئيسي للصفحة.
• <article> – قطعة مستقلة بذاتها مثل منشور مدونة.

• <section> – يجمع المحتوى ذو الصلة، وغالبًا ما يكون مصحوبًا برأس.
• <footer> – القسم السفلي الذي يحتوي على معلومات مثل حقوق الطبع والنشر أو تفاصيل الاتصال.

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

يوفر هذا الهيكل تخطيطاً واضحاً وذا معنى للمحتوى.