Базовый синтаксис
У каждого HTML-документа должен быть понятный каркас. Если запомнить только одну схему, пусть это будет `doctype → html → head → body`.
Файл: subjects/html-css/course/lessons/03-html-document-structure/commands.html
<!-- Базовый шаблон документа -->
<!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="style.css">
</head>
<body>
<main>Содержимое страницы</main>
</body>
</html><html>, внутри — служебный <head> и видимый <body>.Что обычно лежит в `head`
| Элемент | Назначение | Когда нужен |
|---|---|---|
<meta charset="UTF-8"> | Кодировка | Почти всегда первой строкой в `head` |
<meta name="viewport"> | Настройка ширины экрана | Для адаптивных страниц |
<title> | Название вкладки | На каждой странице |
<link rel="stylesheet"> | Подключение CSS | Когда оформление вынесено в отдельный файл |
Что обычно лежит в `body`
| Элемент | Назначение | Комментарий |
|---|---|---|
<header> | Верх страницы или блока | Удобно для шапки |
<main> | Основное содержимое | Один на страницу |
<footer> | Нижняя часть | Подвал страницы или статьи |
Как читать этот справочник
Если видите `head`, думайте о настройках. Если видите `body`, думайте о видимом контенте. Если сомневаетесь, проверьте порядок элементов и наличие `meta charset`.