Balises sémantiques

Les balises sémantiques en HTML aident à définir le sens du contenu, ce qui rend le code plus clair pour les développeurs comme pour les navigateurs. Contrairement à <div> et à <span>, elles donnent du contexte au contenu qu’elles englobent.

Balises sémantiques courantes :

• <header> : Contenu introductif, généralement situé en haut.
• <nav> : Contient des liens de navigation.

• <main> : Contenu principal de la page.
• <article> : Élément autonome, comme un article de blog.

• <section> : Regroupe du contenu associé, souvent avec un titre.
• <footer> : Section inférieure contenant des informations comme les droits d’auteur ou les coordonnées.

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

Cette structure offre une mise en page claire et pertinente pour le contenu.