Простой HTML документ с тегом <title> внутри заголовка раздела:
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Название документа</title>
</head>
<body>
<h1>Это заголовок</h1>
<p>Это параграф.</p>
</body>
</html>
Попробуйте сами »
Определение и использование <head>
Тег <head> представляет собой контейнер для метаданных (данных о данных) и помещается между тегом <html> и тегом <body>.
Метаданные - это данные о документе HTML. Метаданные не отображаются.
Метаданные обычно определяют заголовок документа, набор символов, стили, сценарии и другую метаинформацию.
В элемент <head> входят следующие элементы:
Поддержка браузеров <head>
| Элемент | |||||
|---|---|---|---|---|---|
| <head> | Да | Да | Да | Да | Да |
Глобальные атрибуты <head>
Тег <head> также поддерживает Глобальные атрибуты в HTML.
Еще примеры <head>
Тег <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>
Попробуйте сами »
Связные страницы <head>
HTML учебник: HTML Глава
HTML DOM справочник: Объект head
Определение и использование <head>
Большинство браузеров будут отображать элемент <head> со следующими значениями по умолчанию:
head {
display: none;
}