Распространенные ошибки валидации

Обязательно проверяйте свои страницы валидатором. Пользуйтесь валидатором Консорциума W3C (validator.w3.org). Валидным (т. е. отвечающим всем правилам) XHTML-документом считается документ, удовлетворяющий технической спецификации. Чтобы ей соответствовать и успешно пройти проверку на правильность при верстке сайта необходимо следовать определенным стандартам.

Вот некоторые из них:

Обязательное закрытие тега

Незакрытый тег - это одна из самых распространенных и трудоемких в отладке ошибок. Валидатор не всегда может найти соответствующий открытый тег, поэтому это можно сравнить с поиском иголки в стоге сена.

 

Отсутствие или неправильное объявление DOCTYPE

Частой ошибкой при создании веб-страницы является отсутствие или неправильное объявление DOCTYPE во главе документа. Точная и правильная запись DOCTYPE это залог правильного отображения сайта в разных браузерах.

 

Правильное оформление Javascript.

Это будет выглядеть так:

 <script type="text/javascript"> </script>

В конце непарных тегов (например img или br) следует писать слэш /.

 

Изображениям всегда нужно указывать атрибут alt.

Изображения – это потенциальный камень преткновения правильности проверки кода. Кроме парного закрывающего слэша они также требуют указания атрибутов «alt», в который заключается описание данного изображения.

 

Спецсимволы. ВАЖНО!

Обычно в ссылках хранятся такие ошибки. Спецсимволы – мешают правильности проверки кода. Вместо того, чтобы использовать символы типа «&», нужно указывать их XHTML аналоги, например: & amp;

 

Правильное вложение тегов.

Вложением называется расположение элементов внутри других элементов. Например, так:

 <a><span></span></a>

Очень часто порядок вложенности перепутывается. Например так:

 <a><span></a></span>

За частую это не изменит отображение документа в браузере, кроме как в ie, но будет препятствовать правильной  валидации кода.

 

В <ul> должен быть хотя бы один <li>

 

Часто в строчные элементы пытаются вложить блочные.

<span><p></p></span>

<a><div></div></a>

В строчные можно вкладывать только строчные, а уж если хотите поменять строчный на блочный, для этого используем css.

 

Обязательное наличие тега заголовка.

Отсутствие тега title. Если вы видите ошибку в названии сайта в браузере, то знайте, скорее всего, у вас пропущен тег title.

Вы подписались на нашу рассылку
Спасибо!
Мы обещаем, что не будем спамить, все только самое
нужное и полезное для вашего развития.