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

تساعد الوسوم الدلالية في 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>

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