Интерпретация сообщений, выводимых инструментом W3C Validator
Валидация кода документа крайне важна для того, чтобы он коррек- тно отображался в броузерах, поддерживающих стандарты W3C. Одна- ко иногда выводимые в ходе этого процесса сообщения об ошибках мо- гут сбить с толку.
Решение
(X)HTML-документы можно проверить в режиме онлайн с помощью ин- струмента W3C Validator;3 CSS-код можно проверить с помощью W3C CSS Validator.4 Многие программы для разработки, такие как Dreamweaver,
1 http://www.css-discuss.org/
2 http://www.sitepoint.com/launch/cssforum/
3 http://validator.w3.org/
4 http://jigsaw.w3.org/css-validator/
имеют встроенные валидаторы, а на некоторые броузеры, например, Firefox, можно установить расширение для проверки документов.1
Проверка как HTML-, так и CSS-кода начинается от начала к концу до- кумента. Иногда по окончании процесса валидации можно получить длинный список ошибок. Однако после исправления первой из них большинство последующих также могут исчезнуть. Это особенно ха- рактерно для проверки (X)HTML-документов. Если вы забыли закрыть тег, валидатор считает его открытым и выдает кучу ошибок, говорящих о том, что элемент A не может располагаться внутри элемента B. Закрыв тег, вы увидите, что все эти ошибки будут исправлены автоматически.
Похожая ситуация может возникнуть при проверке документов типа HTML (не XHTML), в которых разработчик закрыл тег в соответствии с правилами синтаксиса XML, например:
<link rel=”stylesheet” href=”stylesheet.css” type=”text/css” />
Если вы используете такой код в документе, в элементе doctype которо- го не указано, что он написан на XHTML, будет выведено сообщение о том, что закрывающий тег </head> расположен в неподходящем месте. Чтобы документ соответствовал стандартам HTML, достаточно удалить косую черту из тега:
<link rel=”stylesheet” href=”stylesheet.css” type=”text/css”>
Ошибки и предупреждения
Если в CSS-документе содержатся синтаксические и прочие ошибки (например, пропущена точка с запятой), он не пройдет валидацию. Не- обходимо исправить все найденные ошибки и убедиться в том, что при обработке кода страница отображается именно так, как было задумано.
Если CSS-код не содержит ошибок, он пройдет валидацию. Однако при его проверке валидатор может вывести различные предупрежде- ния. Вы можете принять их к сведению или проигнорировать – на ваше усмотрение. Самое распространенное предупреждение относится к не- подобающему фону для определенного элемента, из-за чего часть тек- ста на странице может оказаться непригодной для чтения. Кроме того, валидатор может указать на то, что определенный фрагмент кода мо- жет вызвать проблемы, даже если вы намеренно написали его имен- но таким образом (например, если вы хотите, чтобы фон одного элемен- та просвечивал сквозь другой элемент). Предупреждения следует вос- принимать скорее как совет и напоминание о необходимости проверки кода, однако если помимо предупреждений никаких ошибок не выяв- лено, таблица стилей полностью прошла валидацию!
1 http://users.skynet.be/mgueury/mozilla/
Заключение
В данной главе были рассмотрены решения проблем, с которыми вам, возможно, еще только предстоит столкнуться, особенно в том случае, если до сих пор вы создавали сайты, позиционируя элементы с помо- щью таблиц, а не CSS. Именно в таких условиях рождаются самые изо- щренные броузерные ошибки, и тестирование сайта в различных вер- сиях различных броузеров приобретает еще более важное значение.
В данной главе я рассказала о своих методах тестирования сайтов, вы- явления ошибок и получения помощи в их исправлении. Кроме того, я попыталась представить вам дополнительные возможности, чтобы ваш сайт отображался подобающим образом для различных категорий пользователей. Если вы читаете книгу последовательно, глава за гла- вой, то вскоре увидите, что все вышесказанное обретает еще большее значение в свете информации об использовании CSS для верстки стра- ницы, представленной в главе 9.
Литература: Эндрю Р. CSS: 100 и 1 совет, 3-е издание. – Пер. с англ. – СПб: Символ-Плюс, 2010. – 336 с., ил.
