Лекция 5. Язык гипертекстовой разметки HTML

3 4 5 6 7 8 9

HTML – HyperText Markup Language.

Простейший вид документа HTML:

<html>

Hello, world! <! здесь комментарий>

</html>

Большинство тегов контейнерные, или парные.

Контейнеры для важных разделов документа:

1) <head> - раздел заголовка;

2) <body> - основной раздел (тело документа);

3) <style> содержит таблицу стилей;

4) <script> содержит сценарий.

<head> располагается сразу за <html>. Может содержать другие теги, как и <body>. <head> не включает <body>, и <body> не включает <head>. Эти теги встречаются не более 1 раза в документе.

<head> содержит:

1) <title> - текст, отображаемый в заголовке окна браузера;

2) <meta> - данные для использования серверами и поисковыми машинами;

3) <base> - базовый URL-адрес документа;

4) <link> - связи между документами;

5) <style>;

6) <script>.

1) В заголовке окна отображается текст до окончания загрузки документа.

2) Атрибуты тега <meta>:

а) группа HTTP-EQUIV;

б) группа NAME.

А) Группа HTTP-EQUIV

- EXPIRES – дата устаревания документа (по истечении срока документ будет загружаться заново, а не браться из кэша (буфера) на локальном диске);

- PRAGMA – управление кэшированием (в случае указания NO-CACHE документ не кэшируется браузером, а берется с сервера);

- CONTENT-TYPE – тип документа и его кодировка (например, <META HTTP-EQUIV=“CONTENT-TYPE” CONTENT=“text/html; charset=windows-1251”> <! charset=koi8-r>);

- CONTENT-LANGUAGE указывает язык документа (поисковым роботам и Web-серверам);

- REFRESH – время в секундах, через который производится автоматическая перезагрузка документа или переход на другой с заданным URL («время» либо «время/URL») (используется в случае часто обновляемых данных);

- CACHE-CONTROL – управление кэшированием (кэширование в общем (PUBLIC) или частном (PRIVATE) кэше; документы не кэшируются (NO-CACHE) или кэшируются, но не сохраняются (NO-STORE)).

Б) Группа NAME

- DESCRIPTION – описание документа (URL документа; название документа (содержимое <title>); само описание, т.е. DESCRIPTION или начальный фрагмент html-документа; рейтинг, т.е. коэффициент соответствия документа запросу пользователя);

- KEYWORDS – ключевые слова, они способствуют повышению рейтинга сайта;

- DOCUMENT-STATE – статус документа, принимающий значения STATIC (документ может индексироваться только 1 раз) и DYNAMIC (для часто изменяющихся документов);

- ROBOTS – управление процессами индексации (INDEX – индексация данного документа (иначе NOINDEX), FOLLOW – индексация всех документов, на которые есть ссылки (иначе NOFOLLOW), ALL – одновременное выполнение условий INDEX и FOLLOW, NONE – одновременное выполнение условий NOINDEX и NOFOLLOW);

- RESOURCE-TYPE – тип ресурса, обычно устанавливается «DOCUMENT»;

- UPDATED – дата обновления страницы;

- URL – базовый URL-адрес, определяемый, какой документ следует индексировать, чтоб не обрабатывать «зеркала»;

- AUTHOR;

- COPYRIGHT;

- GENERATOR – название программы-создателя HTML.

HTML предоставляет авторам средства к:

- публикации онлайн-документов с заголовками, текстом, таблицами, листами, фото и т.д.;

- находить информацию через ссылки, кликая на кнопку;

- проектировать формы для проведения транзакций с удаленными сервисами, для использования в поиске информации, проведения резервирования и упорядочения продуктов и т.д.;

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

XHTML – вариант HTML, использующий синтаксис XML, расширенный язык разметки.

XHTML имеет те же элементы (например, абзацы), но синтаксис немного отличается. Т.к. XHTML – приложение XML, можно использовать инструменты XML.

HTML и CSS – две базовые технологии построения web-страниц. HTML обеспечивает структуру страницу, CSS – макет.

CSS – язык описания представления Web-страниц, включающий цвета, верстку, шрифты. Он позволяет приспосабливать представления для различных типов устройств, таких как большие экраны, малые, принтеры.

CSS не зависит от HTML и может быть использована с любым языком разметки, основанном на XML. Отделение HTML от CSS позволяет упростить обслуживание сайтов, совместное использование стилей на странице и настраивать страницу к различным окружениям и конфигурациям.

Литература