- HTML DOM Document head
- Description
- Note
- See Also
- Syntax
- Return Value
- Browser Support
- COLOR PICKER
- Report Error
- Thank You For Helping Us!
- : The Document Metadata (Header) element
- Attributes
- Examples
- Technical summary
- Specifications
- Browser compatibility
- See also
- Found a content problem with this page?
- HTML Раздел Head
- Пример HTML:
- Кодировка HTML-страницы
- Метаэлементы и поисковые системы
- Пример HTML:
- Пример HTML:
- Пример HTML:
- Пример HTML:
- Задачи
- Переброска на другую страницу
- Задача HTML:
HTML DOM Document head
Get the tag name of the the first child element of the element:
You can also access the element with getElementsByTagName(«head»):
Description
The head property returns the element of the document.
Note
If there are no element, HTML adds an empty one.
If there are more than one element, this property returns the first.
See Also
Syntax
Return Value
Browser Support
document.head is a DOM Level 3 (2004) feature.
It is fully supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Yes | Yes | Yes | Yes | Yes | 11 |
COLOR PICKER
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Thank You For Helping Us!
Your message has been sent to W3Schools.
Top Tutorials
Top References
Top Examples
Get Certified
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
: The Document Metadata (Header) element
The HTML element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets.
Note: primarily holds information for machine processing, not human-readability. For human-visible information, like top-level headings and listed authors, see the element.
Attributes
This element includes the global attributes.
profile Deprecated Non-standard
The URIs of one or more metadata profiles, separated by white space.
Examples
doctype html> html lang="en-US"> head> meta charset="UTF-8" /> meta name="viewport" content="width=device-width" /> title>Document titletitle> head> html>
Technical summary
If the document is an srcdoc document, or if title information is available from a higher level protocol (like the subject line in HTML email), zero or more elements of metadata content.
Otherwise, one or more elements of metadata content where exactly one is a element.
Specifications
Browser compatibility
BCD tables only load in the browser
See also
Found a content problem with this page?
This page was last modified on Jul 7, 2023 by MDN contributors.
Your blueprint for a better internet.
HTML Раздел Head
Элемент представляет собой контейнер для метаданных (данные о данных) и помещается между тегами и .
Информация, вводимая в элемент , не отображается в окне браузера, а помогает ему в обработке страницы.
Элементы, находящиеся внутри элемента , играют очень важную роль: данные, содержащиеся в них, помогают браузеру в обработке страницы, а поисковым системам — в индексации документа.
Элемент может содержать следующие теги: , , , , , и .
Элемент
- отсутствие названия документа заставит браузер при интерпретации HTML-кода вывести в заголовке окна браузера фразу типа Untitled Document (Документ без названия), что не соответствует ни тематике вашего сайта, ни его наполнению;
- при попытке добавить созданный HTML-документ без элемента в «закладки» браузера пользователю придется самостоятельно вписывать название добавляемой страницы;
- поисковые системы, столкнувшись с безымянной страницей, занесут ее в свои базы данных под заголовком Untitled, что сделает такой документ безликим и похожим на миллионы других HTML-документов, размещенных в Интернете.
Пример HTML:
Основной контент. Элемент
С помощью элемента можно задать описание содержимого страницы и ключевые слова для поисковых машин, автора html-документа и прочие свойства метаданных. Элемент может содержать несколько элементов , потому что в зависимости от используемых атрибутов они несут различную информацию.
Кодировка HTML-страницы
Кодировку HTML-страницы нужно указывать для того, чтобы веб-браузер мог правильно отображать текст на странице. Если явно не указать кодировку, тогда браузер при отображении страницы будет определять ее автоматически. Если кодировка при этом будет определена не верно, то вместо текста будут отображаться иероглифы.
Самая распространённая современная кодировка — utf-8.
Указать браузеру пользователя какая кодировка используется на данной странице:
Метаэлементы и поисковые системы
Некоторые поисковые системы во время индексации страницы обращаются к метаэлементам.
Например метаэлементы ниже определяют описание для HTML-документа и ключевые слова (данная информация может использоваться поисковыми системами при отображении документа в поисковой выдаче):
Описание содержимого страницы и ключевые слова:
Для элемента доступны атрибуты charset, content, http-equiv, name, а также глобальные атрибуты.
Атрибуты тега
Если необходимо сразу перебросить посетителя на другую страницу, то можно указать URL-адрес в параметре url:
description — является описанием страницы, оно чаще всего используется поисковыми системами для определения, чему та посвящена, например:
generator — указывает один из пакетов программного обеспечения, используемого для создания документа, например:
keywords — содержит список ключевых слов, разделенных запятыми, соответствующих содержимому страницы, например:
expires — может быть использован для указания того, когда у страницы должен истечь срок актуальности (и она должна быть удалена из кэша), например:
robots — показывает, должны ли поисковые системы включать данную страницу в результаты поиска. Например, значение nofollow устанавливает, что поисковые системы могут включать данную страницу в результаты поиска, но не должны показывать страницы, на которые ведут ссылки с нее:
viewport — позволяет разработчикам управлять размером исходной области просмотра на различных устройствах:
Элемент
- href — указывает путь к файлу CSS, который часто расположен в папке с именем css или styles;
- type — определяет тип документа, на который указывает ссылка. Должно быть указано значение text/css;
- rel — определяет отношение между НТМL-страницей и связанным файлом. При создании ссылки на файл CSS должно быть указано значение stylesheet .
Пример HTML:
Элемент
Вы можете включить правила CSS в НТМL-страницу, поместив их внутри элемента , который обычно находится в элементе .
Пример HTML:
Элемент
Элемент позволяет присоединять к документу различные сценарии. Сам код сценария может располагаться либо внутри этого элемента, либо во внешнем файле. Если текст сценария расположен во внешнем файле, то он подключается с помощью атрибутов элемента .
В следующем примере внешний файл script.js подключается к HTML-документу и генерирует всплывающее окно при клике пользователем по кнопке:
Пример HTML:
Элемент
Элемент служит для указания полного базового URL-адреса документа, относительно которого вычисляются все относительные адреса. Это поможет избежать проблем в случае переноса вашей страницы в другое место. Иначе говоря, все ссылки будут работать, как и прежде.
Основным атрибутом элемента является href. В качестве его значения используется адрес базовой папки, относительно которой и будут вычисляться относительные адреса. По умолчанию корневой адрес равен доменному имени сайта.
Еще одним полезным атрибутом этого тега является target. Атрибут target определяет, в какое окно будут загружаться страницы по ссылкам, встречающимся в HTML-документе. По умолчанию ссылки открываются в том же окне браузера.
Пример HTML:
Задачи
Переброска на другую страницу
Сделайте так, чтобы через 5 секунд после загрузки страницы посетитель был переброшен по URL-адресу «../../html/html_head.html». Подсказка Подсказка: Добавьте элемент . Установите для него атрибуты http-equiv и content
Задача HTML:
Сейчас вы узнаете о теге head