Tag semantici

I tag semantici in HTML aiutano a definire il significato dei contenuti, rendendo il codice più chiaro sia per gli sviluppatori che per i browser. A differenza di <div> e <span>, forniscono un contesto al contenuto racchiuso.

Tag semantici comuni:

• <header>: Contenuto introduttivo, solitamente in alto.
• <nav>: Contiene link di navigazione.

• <main>: Contenuto principale della pagina.
• <article>: Un contenuto autonomo, come un post di un blog.

• <section>: Raggruppa contenuti correlati, spesso con un'intestazione.
• <footer>: Sezione inferiore con informazioni come copyright o dettagli di contatto.

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

Questa struttura fornisce un layout chiaro e significativo per il contenuto.