HTML Элементы заголовка 10 -Feb-18
Элементы контейнера HEAD n Элемент-контейнер HEAD может включать 2
Элемент meta Мета-определения создаются с помощью элемента <МЕТА> Элемент должен быть помещен в контейнер <head>…<head> 3
Элемент meta. атрибуты Атрибуты элемента <meta>: n Обязательный: n n Content – содержимое meta-информации Не обязательный: n n http-equiv - Предназначен для конвертирования метатега в заголовок HTTP Name - Имя метатега, также косвенно устанавливает его предназначение. Позволяет задать информацию о документе 4
Элемент meta. http-equiv Браузеры преобразовывают значение атрибута http-equiv, заданное с помощью content, в формат заголовка ответа HTTP и обрабатывают их, как будто они прибыли непосредственно от сервера n n <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 5
Элемент meta. http-equiv n n n n Рассмотрим значения, которые может принимать атрибут 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: n author - Имя автора документа n description - Описание текущего документа n keywords - Список ключевых слов, встречающихся на странице 8
Элемент meta: name <meta name="keywords" content="HTML, META, метатег, поисковая система" /> <meta name="keywords" content="HTML, CSS, XML, Java. Script" /> <meta name="author" content="Фонотов Анастас" /> 9
Элемент Link устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега <a>, тег <link> размещается всегда внутри контейнера <head> и не создает ссылку. 10
Элемент Link. Атрибуты Charset – Кодовая страница связываемого документа. n Href – Путь к документу n Media – Устройство стилевого оформления (экран, мобильное устройство, принтер) n Rel – вид отношения между текущим документом и документом на который указывает ссылка n Type – тип данных связанного документа (MIME - Multipurpose Internet Mail Extensions) n 11
DOCTYPE <LINK REL="shortcut icon" href="/images/favicon. ico"> <LINK REL=Prev HREF="base. html" > <LINK REL=Next HREF="meta. html" > <LINK REL=Style. Sheet HREF="tables. css" TYPE="text/css"> <LINK REL=Alternate HREF="index. ja. html" HREFLANG=ja CHARSET="Shift_JIS" TITLE="Japanese version"> <LINK REL=Alternate HREF=“методичка. pdf" TYPE="application/pdf" MEDIA=print> 12
DOCTYPE n Элемент <!DOCTYPE> предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу 13
n Строгий синтаксис: n n Переходный синтаксис HTML. n n <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD HTML 4. 01 Transitional//EN" "http: //www. w 3. org/TR/html 4/loose. dtd"> В HTML-документе применяются фреймы. n n <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD HTML 4. 01//EN" "http: //www. w 3. org/TR/html 4/strict. dtd"> HTML. <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD HTML 4. 01 Frameset//EN" "http: //www. w 3. org/TR/html 4/frameset. dtd"> HTML n <!DOCTYPE HTML> 14
Комментарии <!-- Этот текст не обрабатывается броузером --> 15
Скачать презентацию HTML Элементы заголовка 10 -Feb-18 Элементы контейнера
3_1 meta.ppt