2.8. Верстка html документов
Вёрсткой веб-страниц называют процесс формирования текста HTML -документа на основании графического изображения веб-страницы, либо описания ее внешнего вида. Существует несколько подходов к выполнению верстки веб-страниц, среди которых наиболее часто используются табличная верстка и блочная верстка.
Табличная верстка — условное название метода верстки HTML-документов, при котором в качестве структурной основы для расположения текстовых и графических элементов документа используются таблицы (HTML-тег <table>).
Блочная верстка HTML страницы выполняется с помошью тегов <div>(см. ниже) с набором CSS стилей для них. Верстка блоками DIV[8] имеет ряд преимуществ по сравнению с табличной версткой. Верстка блоками DIV обеспечивает более быструю загрузку страницы сайта, содержимое блоков DIV отображается по мере загрузки (в отличие от таблицы, содержимое которой не отобразится до тех пор, пока полностью не загрузится в браузер).
Элемент DIV
DIV играет роль универсального блока. Блочный элемент всегда отделен от прочих элементов страницы (контекста) пустой строкой. DIV не несет никакой смысловой нагрузки. Часто говорят, что DIV — это раздел страницы. Применение элемента DIV имеет больший в контексте CSS. DIV позволяет применить атрибуты стиля, связанные с границей блока и отступами блока от границ старшего элемента, а также "набивку", т.е. отступ от границы блока до границы вложенного элемента. Например:
<DIV STYLE="border-color:#003366;
border-width:1px;
margin:20px;padding:10px;">
Блочный элемент, заданный элементом разметки
DIV.
</DIV>
<P>Для него определена граница и отступы как
от границ старшего элемента разметки, так и
для вложенных в него элементов разметки.</P>
Рисунок 2.1 – Пример отображения блока Div
Если текст будет просматриваться браузерами, не поддерживающими CSS, элемент DIV использовать не рекомендуется. В этом случае лучше применить параграф или другой подходящий по смыслу элемент разметки из стандартного набора HTML.
Элемент SPAN
Элемент разметки SPAN — это обобщенный строковый элемент разметки, применение которого не приводит к образованию блока текста. Он применяется для задания свойств отображения текста с иcпользованием CSS и должен заменять устаревшие элементы HTML, такие как: FONT, I, B, U, SUB, SUP и т.п.
2.9. Стандарт xhtml
XHTML (англ. Extensible Hypertext Markup Language — Расширяемый язык разметки гипертекста) — язык разметки веб-страниц, по возможностям сопоставимый с HTML, созданный на базе XML(eXtensible Markup Language — расширяемый язык разметки). Вариант XHTML 1.1 одобрен в качестве Рекомендации Консорциума Всемирной паутины (W3C) 31 мая 2001 года.
Основными отличиями XHTML от HTML являются:
Все элементы должны быть закрыты. Теги, которые не имеют закрывающего тега (например, <img> или <br>) должны иметь на конце / (например, <br />).
Булевы атрибуты записываются в развёрнутой форме. Например, следует писать <option selected="selected"> или <td nowrap="nowrap">.
Имена тегов и атрибутов должны быть записаны строчными буквами (например, <img alt="" /> вместо <IMG ALT="" />).
XHTML гораздо строже относится к ошибкам в коде; < и & везде, даже в URL, должны замещаться < и & соответственно.
Кодировкой по умолчанию является UTF-8 (в отличие от HTML, где кодировкой по умолчанию является ISO 8859-1).
По рекомендации W3C браузеры, встретив ошибку в XHTML, должны сообщить о ней и не обрабатывать документ.