Эта глава предназначена для тех, кто знаком с языком HTML, но не подозревает о существовании вполне определенных стандартов и о философии, стоящей за принципами разделения содержимого и представления.
Разделение содержимого и представления
HTML никогда не предназначался для визуального представления, однако пользовательские агенты вводили элементы, форматировавшие текст, а разработчики находили способы манипулирования макетом веб-страницы. С появлением технологии CSS отпала всякая необходимость использовать HTML в дизайнерских целях, содержимое (HTML) теперь может быть полностью отделено от визуального представления (CSS).
У этого подхода масса преимуществ – значительно уменьшается размер файла, повышается гибкость, так как одна центральная таблица стилей может применяться ко всему сайту, а не к каждой отдельной странице, у веб-страниц более широкая доступность.
Такая философия, прежде всего, подразумевает, что в коде HTML не должно быть ничего, определяющего стиль документа. Теги вроде <font> и атрибуты вроде bgcolor должны быть исключены. Даже атрибут border в теге вставки изображения<img> по стандартам XHTML 1.1 считается неприемлемым. Это вовсе не проблема, - нет такого стиля, который можно было бы сделать средствами HTML, и который нельзя было бы сделать, и сделать лучше, средствами CSS.
Речь идет не только о том, чтобы увести визуальное представление из сферы ответственности HTML, "приложение содержимого" означает, что все теги HTML должны использоваться для тех целей, для которых они и предназначались. Например, теги <h1>, <h2> и т.п. должны использоваться для создания заголовков, не следует одними только средствами CSS увеличивать размер шрифтов.
Здесь хорошим ориентиром может стать следующее: если браузер, с его стилями по умолчанию, отображает документ без встроенных таблиц стилей корректно, то все сделано правильно.
Нельзя использовать таблицы для разметки веб-страниц – таблицы предназначены только для отображения табличных данных. Это самое трудное условие для уже опытного HTML разработчика, так как полностью меняет традиционный способ создания структуры документа. Бестабличная компоновка страниц значительным образом уменьшает размер веб-страниц, и благодаря тому, что код получается линейным, он становится более доступен для различных устройств и систем чтения с экрана.
Теги
В XHTML все теги следует писать в нижнем регистре, и все они должны быть закрыты. Те теги, у которых нет парного закрывающего тега (таких как тег <br> и тег <img>), должны закрывать сами себя при помощи символа "/", размещенного в конце тега (например, <br />). Обратите внимание, что перед символом слеша должен быть пробел.
Разметка должна быть хорошо сформированной, и все элементы должны быть вложены на соответствующих уровнях (например, <strong><em>так</em></strong>, но не <strong><em>так</strong></em>).
Во всех документах должны присутствовать элементы <html>, <head>, <title> и <body>. Также веб-страница должна начинаться с декларации типа документа.
Тело документа (элемент <body>) должен начинаться с тега <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, тега <div>, тега <pre>, тега <address>, тега <ins> или тега <del>.
Атрибуты
Все атрибуты также необходимо вводить в нижнем регистре, а их значения должны заключаться в кавычки.
Усеченные атрибуты (такие как <input type="checkbox" checked />) запрещены. Усеченным атрибутам нужно присваивать то же значение, что и имя усеченного атрибута (например, <input type="checkbox" checked="checked" />).
Атрибут name теперь вне закона (за исключением элементов форм) и должен быть заменен атрибутом id.
Атрибут target также больше не используется. Ну и бог с ним. Все равно от него было больше неудобств, чем пользы.
Атрибут alt в теге <img> теперь обязателен.
Доступность
Причины создавать веб-страницы доступными для людей с ограниченными возможностями по большому счету вполне очевидны. И дело не только в том, что данный подход высоко морален, но и в том, что тем самым мы как бы делаем инвестиции в наше будущее, так как средний возраст пользователей сети Интернет постоянно повышается, а у пожилых людей острота зрения не такая же, как у молодых. Доступность касается не только людей с тяжелой формой инвалидности, она важна и для огромного числа людей с меньшими формами ухудшения физического состояния (главным образом зрения).
Если вы будете соблюдать все стандарты HTML, то ваши веб-страницы уже будут доступны пользователям с ограниченными возможностями. Существуют некоторые приемы (описанные, например, в главах "Доступные ссылки" и "Доступные формы"), которые помогут сделать ваши страницы еще доступнее для людей с ограниченными физическими возможностями, и все они вовсе не сложные.
