Тег head
HTML5CSS.ru
ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
❮Назад Полный HTML Ссылки Дальше ❯
Пример
HTML-документ с тегом <title> в разделе head:
<!DOCTYPE html>
<html>
<head>
<title>Название документа</title>
</head>
<body>
Содержание документа…
</body>
</html>
Подробнее примеры ниже.
Определение и использование
Элемент <head>является контейнером для всех элементов Head.
Элемент <head> может включать заголовок документа, сценарии, стили, метаданные и многое другое.
Внутри элемента <head> могут находиться следующие элементы:
- <title> (Этот элемент необходим в документе HTML)
- <style>
- <base>
- <link>
- <meta>
- <script>
- <noscript>
Поддержка браузера
| <head> | Да | Да | Да | Да | Да |
Различия между HTML 4,01 и HTML5
В HTML 4,01 элемент <head> является обязательным.
В HTML5 элемент <head> можно опустить. Следующий код будет проверяться как HTML5:
Пример
<!DOCTYPE html>
<html>
<title>Title of the document</title>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
</body>
</html>
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| profile | URL | Не поддерживается в HTML5. Задает URL-адрес документа, содержащего набор правил. Правила могут быть прочитаны браузерами для четкого понимания информации в атрибуте содержимого тега <meta> |
Глобальные атрибуты
Тег <head> также поддерживает Глобальные атрибуты в HTML.
Попробуйте примеры
Использование <base> тег в <head>
Использование тега <base> для указания URL-адреса по умолчанию и целевого объекта по умолчанию для всех ссылок на странице.
Использование тега <style> в <head>
Добавление сведений о стиле в раздел <head>.
Использование тега <link> в <head>
Использование тега <link> для связывания с внешней таблицей стилей.
Похожие страницы
HTML Учебник: HTML Head
HTML DOM Ссылки: Head Object
Параметры CSS по умолчанию
В большинстве обозревателей элемент <head> будет отображаться со следующими значениями по умолчанию:
head {
display: none;
}
❮Назад Полный HTML Ссылки Дальше ❯
Популярное
html картинка
как вставить картинку в html
цвет текста фона
размер текста html
формы html
список html
таблица html
как сделать ссылку в html
html элементы
Copyright 2018-2020 HTML5CSS.ru
Правила и Условия Политика конфиденциальности О нас Контакты
HTML тег
❮ Назад Вперед ❯
Тег <head> содержит головные элементы HTML документа, цель которых сообщать браузерам и поисковым системам техническую информацию о веб-странице (метаданные, стили, ссылки и т.
д.). Пользователям эта информация не показывается.
Содержимое тега пишется между открывающим (<head>) и закрывающим (</head>) тегами.
Тег <head> включает в себя следующие элементы:
- Тег <title> задает заголовок окна веб-страницы (обязательный элемент).
- Тег <style> сообщает о том, что в HTML документе используется код CSS.
- Тег <base> задает базовый абсолютный URL для всех относительных URL-адресов.
- Тег <link> определяет отношение между текущим HTML-документом и ресурсом, на который он ссылается, либо содержит ссылку на внешнюю таблицу стилей.
- Тег <meta> предоставляет дополнительную информацию (метаданные) об HTML-документе.
- Тег <script> содержит скрипт (как правило на языке JavaScript), либо указывает на внешний файл со скриптом.
- Тег <noscript> устанавливает альтернативный текст, который показывается, если браузер не поддерживает скрипты либо пользователь сам их отключил.
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style type="text/css">
body {
background-color: #d3d3d3;
}
p {
color: #1c87c9;
}
a {
color: red;
}
</style>
</head>
<body>
<p>Абзац</p>
<a>Ссылка</a>
</body>
</html>Попробуйте сами!
Результат
В нашем примере в теге <head> мы использовали два тега — <title> и <style>. В теге <title> мы установили заголовок документа, который отображается в окне браузера. В теге <style> мы задали стили документа: фон документа будет оранжевым, текст в абзацах, обозначенных тегом <p>, будет синего цвета, а ссылки, обозначенные тегом <a> — розового.
Пример
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<p> Содержимое страницы</p>
</body>
</html>Попробуйте сами!
Результат
В нашем примере мы указали ссылку на содержащийся в CSS папке документ style.css, в котором содержатся стили документа.
Пример
<!DOCTYPE html>
<html>
<head>
<meta name="title" content="Учебник HTML и CSS">
<meta name="description" content="Основы HTML и CSS для начинающих">
<meta http-equiv="refresh" content="30">
</head>
<body>
<p> Содержимое страницы</p>
</body>
</html>Попробуйте сами!
Результат
В теге <meta> мы записали предназначенные для поисковиков метаданные — заголовок и описание (meta title, meta description).
Тег <head> также поддерживает глобальные атрибуты и атрибуты событий.
Тег заголовка HTML
Пример
Простой HTML-документ с тегом
Это заголовок
Это абзац.