13. Элемент HTML <head>
Рассматривается разметка внутри элемента head. Кратко рассказывается о различных частях этого раздела, и для чего они предназначены, включая doctype, элемент title, ключевые слова и описание. Дается представление о JavaScript и стилях CSS (как внутренних, так и внешних) и о том, что не следует оставлять в head
Введение
Данная лекция рассматривает часть документа HTML, которая не получает того внимания, которого заслуживает: разметку внутри элемента head. К концу этой лекции вы узнаете о различных частях этого раздела, и для чего они предназначены, включая doctype, элемент title, ключевые слова и описание (которое управляется с помощью мета элементов). Вы узнаете также о JavaScript и стилях CSS (как внутренних, так и внешних) и о том, что не следует оставлять в head. Можно скачать несколько демо-файлов (по ссылке http://dev.opera.com/articles/view/13-the-html-head-element/headtutorial.zip), которые будут использоваться в лекции.
Постарайтесь познакомиться со всем материалом от начала и до конца, так как он представляет ряд проверенных методов, которых стоит придерживаться при работе с элементом HTML head. Хотя каждая часть справедлива сама по себе, но в конце имеется заключение о лучших методах, которое может заставить вас пересмотреть некоторые из предыдущих рекомендаций. Лекция имеет следующее содержание:
-
Почему мы говорим о head?
-
Задание основного языка документа
-
Суждение о документе по его title
-
Добавление ключевых слов и описания
-
Что насчет внешнего вида? Добавление стилей
-
Добавление динамических свойств с помощью JavaScript
-
Остановитесь здесь! Строковые CSS и JavaScript не слишком удобны!
-
Заключение
-
Контрольные вопросы
Почему мы говорим о head?
Ранее в этом курсе вы узнали, что действительный документ HTML должен иметь doctype — doctype указывает, какой тип HTML должен ожидаться, и дает указание браузерам на соответствующий вывод документа. Более подробно doctype рассматривается в лекции 14, но пока давайте просто скажем, что doctype определяет, что документ должен иметь элемент html с элементами head и body внутри себя. Элемент body определяет область, где вы проводите большую часть времени, так как здесь находится весь контент документа. Элемент head играет, кажется, менее важную роль, так как за исключением элемента title, посетители сайта не видят непосредственно ничего из того, что помещают в этот раздел. Наоборот, элемент head является местом, где находится большая часть инструкций для браузера, и где хранится дополнительная информация о документе — так называемая мета-информация.
Задание основного языка документа
Один из фрагментов информации о документе распространяется на предка элемента head, на элемент html. Речь идет об определении основного естественного языка документа. Под естественным языком понимается человеческий язык, такой как французский, тайский или даже английский. Это помогает считывателям экрана, так как слово "шесть" произносится совершенно различно на французском и на английском языке, и может также помочь машинам поиска.
Атрибуты, которые используются для задания языка, зависят от DOCTYPE документа. Консорциум W3C (http://www.w3.org/TR/i18n-html-tech-lang/#ri20040429.092928424) говорит:
Для HTML используйте только атрибут lang, для XHTML 1.0, используемого как text/html, используйте атрибуты lang и xml:lang, и для XHTML, используемого как XML, используйте только атрибут xml:lang.
Коды языка могут быть двухбуквенными кодами, такими как en для английского языка, четырехбуквенными кодами, такими как en-US для американского английского, или другие, менее распространенные, коды. Двухбуквенные коды определяются в ISO 639-1 (http://en.wikipedia.org/wiki/ISO_639-1).