{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Элемент "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" в HTML — это "},{"type":"text","marks":[{"type":"bold"}],"text":"служебная (невидимая) часть документа"},{"type":"text","text":", которая содержит "},{"type":"text","marks":[{"type":"bold"}],"text":"метаинформацию"},{"type":"text","text":" о странице: её название, кодировку, подключённые стили, скрипты, описание для поисковых систем и многое другое."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Браузер использует содержимое "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":", чтобы "},{"type":"text","marks":[{"type":"bold"}],"text":"понять, как обрабатывать и отображать страницу"},{"type":"text","text":", но "},{"type":"text","marks":[{"type":"bold"}],"text":"не показывает его пользователю"},{"type":"text","text":"."}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 1. Где находится "},{"type":"text","marks":[{"type":"code"}],"text":""}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Он располагается "},{"type":"text","marks":[{"type":"bold"}],"text":"между тегами"},{"type":"text","text":" "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" и всегда идёт "},{"type":"text","marks":[{"type":"bold"}],"text":"до"},{"type":"text","text":" основного содержимого страницы."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"📘 Пример базовой структуры:"}]},{"type":"codeBlock","attrs":{"language":"html"},"content":[{"type":"text","text":"\n\n \n \n Мой сайт\n \n \n\n \n

Привет, мир!

\n \n\n"}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 2. Что хранится внутри "},{"type":"text","marks":[{"type":"code"}],"text":""}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":""},{"type":"text","text":" содержит "},{"type":"text","marks":[{"type":"bold"}],"text":"технические теги"},{"type":"text","text":", которые управляют поведением страницы, но не выводят контент."}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Тег"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Назначение"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":""}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Название страницы (отображается на вкладке браузера)"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<meta charset=\"UTF-8\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Устанавливает кодировку текста"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<meta name=\"description\" content=\"Описание страницы\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Описание для поисковиков (SEO)"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Адаптация под мобильные устройства"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<link rel=\"stylesheet\" href=\"style.css\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Подключает внешний CSS-файл"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<script src=\"script.js\" defer></script>"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Подключает JavaScript-файл"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<style>"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Встроенные CSS-правила"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<base href=\"/\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Устанавливает базовый путь для ссылок"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<meta name=\"keywords\" content=\"html, css, web\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"(устар.) ключевые слова для SEO"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<meta name=\"author\" content=\"Имя автора\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Автор страницы"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<link rel=\"icon\" href=\"favicon.ico\">"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Иконка сайта на вкладке браузера"}]}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"🔹 3. Роль "},{"type":"text","marks":[{"type":"code"}],"text":"<head>"},{"type":"text","text":" для браузера и поисковиков"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"сообщает "},{"type":"text","marks":[{"type":"bold"}],"text":"основные технические параметры"},{"type":"text","text":" страницы (кодировка, язык, адаптивность);"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"указывает "},{"type":"text","marks":[{"type":"bold"}],"text":"метаописания"},{"type":"text","text":" для SEO и соцсетей;"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"подключает "},{"type":"text","marks":[{"type":"bold"}],"text":"внешние ресурсы"},{"type":"text","text":" — стили, скрипты, иконки;"}]}]},{"type":"listItem","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"помогает браузеру "},{"type":"text","marks":[{"type":"bold"}],"text":"оптимизировать загрузку"},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"bold"}],"text":"индексацию"},{"type":"text","text":" сайта."}]}]}]},{"type":"horizontalRule"},{"type":"heading","attrs":{"textAlign":null,"level":3},"content":[{"type":"text","text":"💡 Итого:"}]},{"type":"table","content":[{"type":"tableRow","content":[{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Характеристика"}]}]},{"type":"tableHeader","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Описание"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Расположение"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Между "},{"type":"text","marks":[{"type":"code"}],"text":"<html>"},{"type":"text","text":" и "},{"type":"text","marks":[{"type":"code"}],"text":"<body>"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Назначение"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Содержит метаданные и служебную информацию"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Отображается на странице"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"❌ Нет"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Основные теги"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"code"}],"text":"<title>"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"<meta>"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"<link>"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"<script>"},{"type":"text","text":", "},{"type":"text","marks":[{"type":"code"}],"text":"<style>"}]}]}]},{"type":"tableRow","content":[{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Важность"}]}]},{"type":"tableCell","attrs":{"colspan":1,"rowspan":1,"colwidth":null},"content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Критически важен для SEO, кодировки и подключения ресурсов"}]}]}]}]},{"type":"horizontalRule"},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Простыми словами:"},{"type":"hardBreak"},{"type":"text","marks":[{"type":"code"}],"text":"<head>"},{"type":"text","text":" — это "},{"type":"text","marks":[{"type":"bold"}],"text":"“паспорт” веб-страницы"},{"type":"text","text":"."},{"type":"hardBreak"},{"type":"text","text":"Он не виден пользователю, но сообщает браузеру "},{"type":"text","marks":[{"type":"italic"}],"text":"кто ты, что ты, на каком языке написан и где взять всё нужное для отображения страницы"},{"type":"text","text":"."}]}]}</article></body></html>

Что такое элемент <head> в HTML?

Комментарии