- •Обзор html и css
- •Структура документа html
- •Раздел head ("шапка")
- •Раздел body ("тело документа")
- •Минимальный xhtml-документ
- •Заголовки и абзацы Заголовок (h1..H6 - header 1...6)
- •Абзац (p - paragraph)
- •Логическое и физическое форматирование. Разбивка на строки Выделения (strong, em - emphasis, span)
- •Управление разбивкой текста на строки (br, nobr, pre)
- •Секция, список Секция (div - division)
- •Список (ol - ordered list, ul - unordered list)
- •Якорь. Специальные символы Якорь (a - anchor)
- •Специальные символы
- •Минимальная структура. Заголовок и колонтитулы
- •Группы столбцов. Объединение столбцов и строк Элементы colgroup и col
- •Атрибуты colspan и rowspan
- •Вопросы
- •Единицы размеров
Структура документа html
В принципе, если в html-файле (файле с расширением html или htm) написать произвольный текст безо всякой структуры, то браузер, вероятно, нормально его отобразит (браузеры "стараются" даже неправильные html-документы отобразить по возможности верно).
Упражнение. Проверьте это.
Структура нужна для того, чтобы всё имело своё законное место - текст, тэги, стили, скрипты, служебная информация.
На первом месте HTML-документа, согласно стандарту (здесь и далее под стандартом подразумевается действующий в настоящее время стандарт HTML 4.01), находится определение типа документа (ОТД).
HTML 4.01 специфицирует три ОТД: строгое, переходное и ОТД для набора фреймов.
Существенный смысл ОТД заключается в том, чтобы указать, согласно каким правилам написан HTML-документ. В рамках стандарта HTML 4.01 возможны вариации:
документ может быть написан в строгом соответствии с рекомендациями стандарта (которые предписывают отказываться от ряда элементов и атрибутов, унаследованных от предыдущих версий HTML и пользоваться вместо этого новыми, оптимизированными средствами);
документ может содержать некоторые нерекомендованные элементы и атрибуты, не нарушая в остальном правил стандарта - в этом случае он будет соответствовать переходному ОТД;
документ, определяющийся как структура фреймов, существенно отличается от обычного HTML-документа, и поэтому для него разработано специальное ОТД.
Вставляя ОТД в HTML-документ, следует ввести в его начало следующий текст:
Строгое ОТД:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Переходное ОТД:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ОТД для набора фреймов:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
На практике наиболее широко используется переходное ОТД: фреймами веб-разработчики пользуются всё реже, а следовать строгому ОТД труднее, чем переходному (без каких-либо преимуществ взамен).
Если вообще опустить ОТД, то браузер сам сделает предположение о том, согласно каким правилам отображать документ.
Непосредственно за ОТД должен следовать единственный в документе элемент наивысшего (корневого) уровня - элемент html (директива !DOCTYPE элементом не считается):
<html>
</html>
Раздел head ("шапка")
Проще всего ответить на вопрос, что должно размещаться в разделе head, таким образом: там размещается всё, что не входит в тело документа, но необходимо для его правильного отображения. Тело документа - такие вполне зримые элементы как абзацы с текстом, списки, изображения и таблицы. Шапка документа - его заголовок, метаданные (информация о самом документе, а не о его содержимом), стили, скрипты.
Пример минимального раздела head:
<head>
<title>Заголовок документа</title>
</head>
Элемент title - единственный обязательный элемент раздела head.
Метаданные могут включать в себя информацию об авторах, ключевых словах документа и т.п., например:
<meta name="Authors" content="Alexander Kudryashev & Pavel Svetashkov" />
Эти данные не видит пользователь, просматривающий страницу, но могут анализировать поисковые роботы.
О стилях и скриптах речь пойдёт подробно в последующих лекциях.