Ответ
Структура валидного HTML5-документа состоит из следующих обязательных и необязательных частей:
-
Декларация типа документа (DOCTYPE): Указывает браузеру, что это документ HTML5.
<!DOCTYPE html> -
Корневой элемент
<html>: Обёртывает весь документ. Атрибутlangзадаёт язык страницы для доступности и SEO.<html lang="ru"> -
Секция
<head>: Содержит метаинформацию, не отображаемую напрямую на странице.<title>— заголовок вкладки браузера.<meta charset="UTF-8">— кодировка символов.<meta name="viewport" content="width=device-width, initial-scale=1.0">— для адаптивного дизайна.<link>— подключение CSS-стилей, иконок (favicon).<script>— подключение JavaScript (обычно перед закрывающим</body>).
-
Секция
<body>: Содержит всё видимое содержимое страницы — текст, изображения, ссылки, формы и т.д.
Пример минимальной валидной структуры:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Моя страница</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>Шапка сайта</header>
<main>Основное содержимое</main>
<footer>Подвал</footer>
<script src="app.js"></script>
</body>
</html>