САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <head>



Пример

Простой HTML документ с тегом <title> внутри заголовка раздела:

<!DOCTYPE html>
<html lang="ru">
<head>
 <title>Название документа</title>
</head>
<body>

<h1>Это заголовок</h1>
<p>Это параграф.</p>

</body>
</html>
Попробуйте сами »

Определение и использование

Тег <head> элемент представляет собой контейнер для метаданных (данных о данных) и помещается между тегом <html> и тегом <body>.

Метаданные - это данные о документе HTML. Метаданные не отображаются.

Метаданные обычно определяют заголовок документа, набор символов, стили, сценарии и другую метаинформацию.

В элемент <head> входят следующие элементы:


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

Элемент
<head> Да Да Да Да Да


Глобальные атрибуты

Тег <head> также поддерживает Глобальные атрибуты в HTML.


Еще примеры

Пример

Тег <base> (задает URL адрес по умолчанию и цель для всех ссылок на странице) находится внутри <head>:

<html>
<head>
  <base href="https://www.schoolsw3.com/" target="_blank">
</head>
<body>

<img src="images/stickman.gif" width="24" height="39" alt="Человечек">
<a href="tags/tag_base.php">HTML Тег base</a>

</body>
</html>
Попробуйте сами »

Пример

Тег <style> (добавляет информацию о стиле на страницу) находится внутри <head>:

<html>
<head>
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>

<h1>Заголовок</h1>
<p> Параграф.</p>

</body>
</html>
Попробуйте сами »

Пример

Тег <link> (ссылки на внешнюю таблицу стилей) находится внутри <head>:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

<h1>Я отформатирован с помощью связанной таблицы стилей</h1>
<p>Я тоже!</p>

</body>
</html>
Попробуйте сами »

Связные страницы

HTML учебник: HTML Глава

HTML DOM справочник: Объект head


Определение и использование

Большинство браузеров будут отображать элемент <head> со следующими значениями по умолчанию:

head {
  display: none;
}