WEB_LW_3_4 / 3_1 meta
.pdf
HTML Элементы заголовка
20-Mar-13
Элементы контейнера HEAD
Элемент-контейнер HEAD может включать
2
Элемент meta
Мета-определения создаются с помощью элемента
<МЕТА>
Элемент должен быть помещен в контейнер
<head>…<head>
3
Элемент meta. атрибуты
Атрибуты элемента <meta>:
Обязательный:
Content – содержимое meta-информации
Не обязательный:
http-equiv - Предназначен для конвертирования метатега в заголовок HTTP
Name - Имя метатега, также косвенно устанавливает его предназначение. Позволяет задать информацию о документе
4
Элемент meta. http-equiv
Браузеры преобразовывают значение атрибута http-equiv, заданное с помощью content, в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
5
Элемент meta. http-equiv
Рассмотрим значения, которые может принимать атрибут http-equiv:
Content-Type - Тип кодировки документа.
Expires - Устанавливает дату и время, после которой информация в документе будет считаться устаревшей.
Pragma - Способ кэширования документа.
Refresh – Задает время автоматической перезагрузки страницы
Location – переадресация посетителя на другую страницу
last-modified – дата последней модификации
Date – Позволяет задать дату создания документа
6
Элемент meta. Примеры
<meta http-equiv="location" content="URL=http://www.asu-cs.donntu.edu.ua" />
<meta http-equiv="refresh" content="100" />
<meta http-equiv="cache-control" content="no-cache" />
7
Элемент meta: name
Атрибут name элемента meta позволяет задать вид информации о документе. Информация будет содержаться в атрибуте content
Значения атрибута name:
author - Имя автора документа
description - Описание текущего документа
keywords - Список ключевых слов, встречающихся на странице
8
Элемент meta: name
<meta name="keywords"
content="HTML, META, метатег, тег,
поисковая система" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="Фонотов Анастас" />
9
Элемент Link
Элемент Link устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <a>, тег <link> размещается всегда внутри контейнера <head> и не создает ссылку.
10