Семантические теги

Семантические теги в 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>

Эта структура обеспечивает понятную и содержательную компоновку содержимого.