תגיות סמנטיות

תגיות סמנטיות ב-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>

המבנה הזה מספק פריסה ברורה ומשמעותית לתוכן.