HTML - тег <head>
Пример
Простой HTML-документ с тегом <title> внутри раздела заголовка:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Элемент <head>
является контейнером для метаданных (данных о данных) и размещается между тегом <html> и тегом <body>.
Метаданные — это данные о HTML-документе. Метаданные не отображаются.
Метаданные обычно определяют заголовок документа, набор символов, стили, скрипты и другую метаинформацию.
Внутри элемента могут находиться следующие элементы <head>
:
Поддержка браузера
Element | |||||
---|---|---|---|---|---|
<head> | Yes | Yes | Yes | Yes | Yes |
Глобальные атрибуты
Тег <head>
также поддерживает глобальные атрибуты в HTML .
Дополнительные примеры
Пример
Тег <base> (указывает URL-адрес по умолчанию и цель для всех ссылок на странице) находится внутри <head>:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
Пример
Тег <style> (добавляет информацию о стиле на страницу) находится внутри <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
Пример
Тег <link> (ссылка на внешнюю таблицу стилей) находится внутри <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
Связанные страницы
Учебник по HTML: заголовок HTML
Справочник по HTML DOM: объект Head
Настройки CSS по умолчанию
Большинство браузеров будут отображать <head>
элемент со следующими значениями по умолчанию:
head {
display: none;
}