English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Элемент <head> является контейнером для всех элементов заголовка. Элементы, содержащиеся в <head>, могут включать скрипты, указания браузеру, где можно найти таблицы стилей, предоставлять метаданные и т.д.
<title> - определяет заголовок HTML-документа
Используйте тег <title> для определения заголовка HTML-документа
<base> - определяет URL всех ссылок
Используйте <base> для определения défaut адреса ссылки для всех ссылок на странице.
<meta> -
Предоставляет meta-теги HTML-документа
Используйте элемент <meta> для описания описания, ключевых слов, автора, кодировки и т.д. HTML-документа.
Элемент <head> содержит все элементы заголовка. В В элементе <head> можно вставить скрипты (scripts), файлы стилей (CSS) и различные meta-информации.
Элементы тегов, которые можно добавить в область заголовка: <title>, <style>, <meta>, <link>, <script>, <noscript>, и <base>.
Элемент <title> определяет заголовок различных документов.
Элемент <title> в HTML/XHTML является обязательным.
Элемент <title>:
Определяет заголовок панели инструментов браузера
Заголовок, отображаемый в закладках, когда веб-страница добавляется в закладки
Заголовок, отображаемый на странице результатов поиска в поисковых системах
Простая HTML-документ:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Заголовок HTML-документа</title> </head> <body> Содержимое HTML-документа... </body> </html>Проверьте, как это выглядит ‹/›
Тег <base> описывает базовый адрес ссылки/цель ссылки, который используется в качестве défaut для всех ссылок в HTML-документе:
<head> <base href="https://ru.oldtoolbag.com/images/" target="_blank"> </head>
Тег <link> определяет отношение документа к внешним ресурсам.
Тег <link> обычно используется для подключения к таблицам стилей:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
Тег <style> определяет адрес ссылки на файл стилей HTML-документа.
В элементе <style> вы также можете добавить стили для рендеринга HTML-документа:
<head>
<style type="text/css">
/* Определяет цвет фона веб-страницы */
body {background-color:red}
p {color:green}
</style>
</head>Тег meta описывает некоторые основные метаданные.
Тег <meta> предоставляет метаданные. Метаданные не отображаются на странице, но они анализируются браузером.
Элемент META обычно используется для указания описания веб-страницы, ключевых слов, времени последнего изменения файла, автора и других метаданных.
Метаданные могут использоваться для браузеров (как отображать контент или перезагружать страницу), поисковых систем (ключевые слова) или других веб-служб.
Тег <meta> обычно располагается в области <head>.
Определяет ключевые слова для поисковых систем (keywords):
<meta name="keywords" content="HTML, CSS, XML, XHTML, JS, PHP">
Определяет содержимое описания веб-страницы (description):
<meta name="description" content="Бесплатные онлайн-курсы основ">
Определяет адаптивность веб-страницы для мобильных и ПК (viewport):
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Определяет автора веб-страницы (author):
<meta name="author" content="w3codebox">
Обновление текущей страницы каждые 10 секунд (Refresh):
<meta http-equiv="refresh" content="10">
Тег <script> используется для загрузки файлов скриптов, таких как: JavaScript.
<script> Элемент будет подробно описан в后面的章节.
| Тег | Описание |
| <head> | Определяет информацию о документе |
| <title> | Определяет заголовок документа |
| <base> | Определяет mặc định адрес ссылки для тега links на странице |
| <link> | Определяет связь документа и внешних ресурсов |
| <meta> | Определяет метаданные документа HTML |
| <script> | Файл скриптов, определяющий скрипты клиента |
| <style> | Файл стилей, определяющий стиль документа HTML |