HTML <head>

Examples

Посмотреть онлайн-примеры


Используйте тег <title> для определения заголовка HTML-документов


Используйте <base> для определения адреса цели ссылки по умолчанию для всех ссылок на странице.


Используйте тег <meta> для описания таких данных HTML-документов, как описание, ключевые слова, автор, кодировка, и т. д.

HTML-элемент <head>

Элемент <head> содержит все элементы тегов head. В элемент <head> можно вставлять скрипты (scripts), файлы стилей (CSS) и различную метаинформацию.

Элементы, которые можно добавить в область head, включают: <title>, <style>, <meta>, <link>, <script>, <noscript> и <base>.

HTML-элемент <title>

Тег <title> определяет заголовок различных документов.

<title> необходим в HTML/XHTML-документах.

Элемент <title>:

  • Определяет заголовок панели инструментов браузера
  • Когда веб-страница добавляется в закладки, в закладках отображается её заголовок.
  • Отображает заголовок на странице результатов поисковой системы.

Простой HTML-документ:

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Заголовок документа</title> </head> <body>Содержимое документа......</body> </html>

Элемент HTML <base>

Тег <base> описывает базовый адрес/назначение ссылки страницы, который используется в качестве адреса ссылки по умолчанию для всех тегов ссылок в HTML-документе.

Пример

<head> <base href="http://www.example.com/images/" target="_blank"> </head>

Элемент HTML <link>

Тег <link> определяет связь между документом и внешними ресурсами.

Тег <link> обычно используется для ссылки на таблицы стилей:

Пример

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

Элемент HTML <style>

Тег <style> определяет адрес ссылки на файл стилей HTML-документа.

Вы также можете напрямую добавлять стили для отображения HTML-документа в элементе <style>:

Пример

<head> <style type="text/css"> body { background-color:yellow; } p { color:blue } </style> </head>

HTML-элемент <meta>

Тег <meta> описывает некоторые базовые метаданные.

Тег <meta> предоставляет метаданные. Метаданные не отображаются на странице, но разбираются браузером.

Тег <meta> обычно используется для указания описания, ключевых слов, времени последнего изменения файла, автора и других метаданных.

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

Тег <meta> обычно размещается в области <head>.

Тег <meta> — пример

Определите ключевые слова для поисковых систем:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Определите содержимое для статьи:

<meta name="description" content="免费 Web & 编程 教程">

Определите автора для статьи:

<meta name="author" content="Example">

Обновляйте текущую страницу каждые 30 секунд:

<meta http-equiv="refresh" content="30">

HTML-элемент <script>

Тег <script> используется для загрузки файлов скриптов, таких как JavaScript.

Элемент <script> будет подробно описан в следующих главах.

HTML-элемент <head>

Тег Описание
<head> Определяет информацию о документе
<title> Определяет заголовок документа
<base> Определяет адрес ссылки по умолчанию для тегов ссылок страницы
<link> Определяет связь между документом и внешними ресурсами
<meta> Определяет метаданные в HTML-документе
<script> Определяет файлы скриптов на стороне клиента
<style> Определяет файлы стилей HTML-документа
Другие расширения