Тег <head>

Синтаксис

<head>...</head>

Описание

Тег <head> (от англ. head — голова) предназначен для хранения основных элементов HTML-документа, цель которых сообщать браузерам и поисковым системам техническую информацию о веб-странице (заголовок документа, метаданные, стили, ссылки и т.д.).

Содержимое <head> не отображается напрямую на веб-странице, за исключением тега <title>, он задаёт заголовок окна веб-страницы.

Внутри контейнера <head> допускается размещать следующие теги: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <noscript>, <style> и <title>.

Внимание!

Тег <head> может использоваться только один раз на странице. Появляться он должен сразу же после открывающего тега <html> и заканчивается непосредственно перед открывающим тегом <body>.

Атрибуты, которые можно использовать в теге <head>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут Значение Описание
profile URL-адрес

Указывает адрес профиля метаданных.

Не поддерживается в HTML5

media значение Указывает, для какого медиа / устройства оптимизирован медиаресурс
type text/css Указывает тип мультимедиа для тега <style>

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег head</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <p>Задаем кодировку символов UTF-8 для веб-страницы</p>
    <p>В теге title указываем заголовок окна веб-страницы (обязательный элемент)</p>
    <p>Подключаем CSS стили файла style.css</p>
</body>
</html>

Отображение в браузере:

Задаем кодировку символов UTF-8 для веб-страницы

В теге title указываем заголовок окна веб-страницы (обязательный элемент)

Подключаем CSS стили файла style.css

Параметры CSS по умолчанию

head {
    display: none;
}

Поддержка браузера

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<head> Да Да Да Да Да