Znaczniki semantyczne

Znaczniki semantyczne w HTML pomagają określić znaczenie treści, dzięki czemu kod jest bardziej zrozumiały zarówno dla programistów, jak i przeglądarek. W przeciwieństwie do <div> i <span> nadają kontekst zawartej w nich treści.

Typowe znaczniki semantyczne:

• <header>: Treść wprowadzająca, zwykle umieszczana na górze.
• <nav>: Zawiera linki nawigacyjne.

• <main>: Główna treść strony.
• <article>: Samodzielna część, taka jak wpis na blogu.

• <section>: Grupuje powiązane treści, często z nagłówkiem.
• <footer>: Dolna sekcja z informacjami, takimi jak prawa autorskie lub dane kontaktowe.

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

Ta struktura zapewnia przejrzysty i czytelny układ treści.