10 причин, по которым Ваш код не проходит проверку
10 причин, по которым Ваш код не проходит проверку
Валидным (т. е. отвечающим всем правилам) XHTML-документом считается документ, удовлетворяющий технической спецификации. Чтобы ей соответствовать и успешно пройти проверку на правильность при верстке сайта необходимо следовать определенным стандартам. Вот некоторые из них:
1. Обязательное закрытие тега .
Незакрытый тег div - это одна из самых распространенных и одна из самых труднодиагностируемых причин того, что блоки не валидируются. Валидатор не всегда может найти соответствующий открытый тег, поэтому это можно сравнить с поиском иголки в стоге сена.
2. Исключить использование нестандартизированных тегов.
В начале 90-х годов браузеры от Microsoft и Netscape начали разрабатывать уникальные стандарты, которые не закреплялись никакими общепринятыми соглашениями. Это привело к тому, что сейчас валидатор не распознает некоторые теги (как, например, embed), даже несмотря на их широкое распространение в Интернет среде.
И если вам действительно нужно включить медиафайл в html-странице, то в качестве альтернативы тегу embed пользуйтесь технологией Flash.
3. Отсутствие или неправильное объявление DOCTYPE
Частой ошибкой при создании веб-страницы является отсутствие или неправильное объявление DOCTYPE во главе документа. Точная и правильная запись DOCTYPE это залог правильного отображения сайта в разных браузерах.
4. Правильное использование тегов выравнивания.
Использование тега align для выравнивания блоков сайта является распространенным. Однако при строгой проверке валидатором у вас будут ошибки, т.к. align предназначен только для выравнивания списка.
В остальных же случаях вместо тега align следует использовать float или text-align.
5. Правильное оформление javascript.
Если вы решили строго следовать стандартам, то javascript код на сайте следует правильно объявить и заключить в теги .
Т.е. это будет выглядеть так:
6. Закрывающий слэш.
В конце непарных тегов (например img или br) следует писать слэш.
7. Изображениям всегда нужно указывать атрибут alt.
Изображения – это потенциальный камень преткновения правильности проверки кода. Кроме парного закрывающего слэша они также требуют указания атрибутов «alt», в который заключается описание данного изображения.
8. Спецсимволы.
Спецсимволы – это еще одна ловушка, которая мешает правильности проверки кода. Вместо того, чтобы использовать символы типа «&», нужно указывать их XHTML аналоги, например: &
9. Правильное вложение тегов.
Вложением называется расположение элементов внутри других элементов. Например, так:
Очень часто порядок вложенности перепутывается. Например так:
Скорее всего это не изменит отображение документа в браузере, но будет препятствовать правильной валидации кода.
10. Обязательное наличие тега заголовка.
На первый взгляд это может показаться надуманной проблемой, однако на многих сайтах мы можем встретить отсутствие тега title. Если вы видите ошибку в названии сайта в браузере, то знайте, скорее всего, у вас пропущен тег title.
Проверить ваш документ на соответствие стандартам вы можете с помощью сервиса на сайте validator.w3.org.
Валидным (т. е. отвечающим всем правилам) XHTML-документом считается документ, удовлетворяющий технической спецификации. Чтобы ей соответствовать и успешно пройти проверку на правильность при верстке сайта необходимо следовать определенным стандартам. Вот некоторые из них:
1. Обязательное закрытие тега .
Незакрытый тег div - это одна из самых распространенных и одна из самых труднодиагностируемых причин того, что блоки не валидируются. Валидатор не всегда может найти соответствующий открытый тег, поэтому это можно сравнить с поиском иголки в стоге сена.
2. Исключить использование нестандартизированных тегов.
В начале 90-х годов браузеры от Microsoft и Netscape начали разрабатывать уникальные стандарты, которые не закреплялись никакими общепринятыми соглашениями. Это привело к тому, что сейчас валидатор не распознает некоторые теги (как, например, embed), даже несмотря на их широкое распространение в Интернет среде.
И если вам действительно нужно включить медиафайл в html-странице, то в качестве альтернативы тегу embed пользуйтесь технологией Flash.
3. Отсутствие или неправильное объявление DOCTYPE
Частой ошибкой при создании веб-страницы является отсутствие или неправильное объявление DOCTYPE во главе документа. Точная и правильная запись DOCTYPE это залог правильного отображения сайта в разных браузерах.
4. Правильное использование тегов выравнивания.
Использование тега align для выравнивания блоков сайта является распространенным. Однако при строгой проверке валидатором у вас будут ошибки, т.к. align предназначен только для выравнивания списка.
В остальных же случаях вместо тега align следует использовать float или text-align.
5. Правильное оформление javascript.
Если вы решили строго следовать стандартам, то javascript код на сайте следует правильно объявить и заключить в теги .
Т.е. это будет выглядеть так:
<SCRIPT type=”text/javascript”>
Ваш код
</SCRIPT>
Ваш код
</SCRIPT>
6. Закрывающий слэш.
В конце непарных тегов (например img или br) следует писать слэш.
7. Изображениям всегда нужно указывать атрибут alt.
Изображения – это потенциальный камень преткновения правильности проверки кода. Кроме парного закрывающего слэша они также требуют указания атрибутов «alt», в который заключается описание данного изображения.
8. Спецсимволы.
Спецсимволы – это еще одна ловушка, которая мешает правильности проверки кода. Вместо того, чтобы использовать символы типа «&», нужно указывать их XHTML аналоги, например: &
9. Правильное вложение тегов.
Вложением называется расположение элементов внутри других элементов. Например, так:
<div><strong>Ваш текст</strong></div>.
Очень часто порядок вложенности перепутывается. Например так:
<strong><div>Ваш текст</strong></div>.
Скорее всего это не изменит отображение документа в браузере, но будет препятствовать правильной валидации кода.
10. Обязательное наличие тега заголовка.
На первый взгляд это может показаться надуманной проблемой, однако на многих сайтах мы можем встретить отсутствие тега title. Если вы видите ошибку в названии сайта в браузере, то знайте, скорее всего, у вас пропущен тег title.
Проверить ваш документ на соответствие стандартам вы можете с помощью сервиса на сайте validator.w3.org.