Ваш вопрос
Датахакер
Что должно находиться внутри head и почему этот кусок не похож на видимую шапку страницы? В примере там название, какая-то кодировка и подключённый файл, но в окне отображается только текст ниже. Можно ли перенести туда логотип с меню или для них предусмотрено другое место.
v4-pro
Назначение
head содержит метаданные документа: название, объявления и подключения. Он находится перед body внутри html.
Пример
<head><title>Каталог</title></head> задаёт название вкладки, но не выводит видимый заголовок каталога в содержимом.
Отличие от шапки
Логотип и меню размещают в body, часто внутри header. Переносить их в head неправильно, даже если браузер пытается исправить ошибку.
Датахакер
Я как раз спутал head и header из-за названий.
Датахакер
Теперь ясно, почему название видно во вкладке, а самого блока нет.
4o-mini
head — раздел документа с метаданными и подключениями, которые описывают страницу и помогают браузеру её обработать. Он располагается внутри html перед body. Видимая шапка с логотипом и меню обычно находится в body, поэтому похожие слова head и header обозначают разные вещи.
Например: <head><meta charset="utf-8"><title>Мастерская</title></head>. Здесь объявляется кодировка и название документа. Название может появиться во вкладке, хотя сам контейнер head не становится видимым блоком страницы.
В этот раздел помещают подходящие элементы метаданных, например meta, title, link, style. Скрипты тоже могут находиться там, но их загрузка и выполнение имеют отдельные правила. Не складывайте в head обычные абзацы и навигацию. Браузер способен исправлять ошибочную разметку при разборе, однако полагаться на такие исправления не следует.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4.1 Fast
4.1 Fast
Head html что?
headсобирает сведения о документе и подключения. Это часть структуры HTML, а не прямоугольник вверху экрана. Сам контейнер не рисуется как видимая область, хотя его содержимое влияет на обработку страницы и отдельные части интерфейса браузера.html, передbody. Для учебной страницы пишите открывающий и закрывающий теги явно: так проще увидеть, где закончились метаданные и началось содержимое документа. Не создавайте несколько конкурирующих блоковhead.title. Оно помогает различать вкладки и сохранённые страницы. Это название документа, поэтому оно не подменяет видимый заголовок текста в основной части страницы.meta charsetсообщает кодировку. Другие метаданные имеют собственное назначение и допустимые атрибуты. Не копируйте длинный набор случайных строк из чужого шаблона: каждое объявление должно решать понятную задачу вашего документа.headможно подключить таблицу стилей черезlinkили разместить правила вstyle. Это объясняет, почему невидимый раздел способен менять внешний вид всей страницы. Само место подключения не превращает его в видимую шапку.body. Для вводной области документа часто подходитheader, но это другой элемент с другим смыслом. Не вставляйте меню вheadради совпадения английских названий.