Элементы заголовка HTML

Более примеров

Заголовок документа
Тег <title> определяет заголовок документа.
Одна цель для всех ссылок
Как использовать тег base для открытия всех ссылок в новом окне.
Описание документа
Используйте элемент <meta> для описания документа.
Ключевые слова документа
Используйте элемент <meta> для определения ключевых слов документа.
Перенаправление пользователей
Как перенаправить пользователя на новый URL.

Элемент HTML <head>

Элемент <head> является контейнером для всех элементов заголовка. Элементы, содержащиеся в <head>, могут включать скрипты, указания браузеру, где можно найти таблицы стилей, предоставлять метаданные и т.д.

Следующие теги могут быть добавлены в section head: <title>, <base>, <link>, <meta>, <script> и <style>.

Элемент HTML <title>

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

Элемент title является необходимым для всех HTML/XHTML документов.

Элемент title может:

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

Упрощенный документ HTML:

<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
Содержание документа......
</body>
</html>

Элемент HTML <base>

Тег <base> определяет,default адрес или целевую страницу (target) для всех ссылок на странице:

<head>
<base href="http://www.codew3c.com/images/" />
<base 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>

Метаданные (metadata) - это информация о данных.

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

Типичное использование - элемент meta используется для определения описания страницы, ключевых слов, автора документа, времени последнего изменения и других мета-данных.

Тег <meta> всегда находится в элементе head.

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

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

Некоторые поисковые системы используют атрибуты name и content meta-элемента для индексации вашей страницы.

Ниже приведен элемент meta, определяющий описание страницы:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

Ниже приведен элемент meta, определяющий ключевые слова страницы:

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

Функция атрибутов name и content - описание содержимого страницы.

Элемент <script> HTML

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

Мы расскажем о элементе script в следующей главе.

Элементы заголовка HTML

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