Эта статья предназначена в основном для верстальщиков новичков. Когда вы верстаете PSD макет дизайна, то должны код проверить на валидацию сервиса w3.org. Ниже перечислены 10 ошибок верстальщиков.
10 возможных ошибок стандарта w3.org
XHTML – документ считается валидным, если он является полностью соответствующим технической спецификации. Чтобы успешно пройти проверку на правильность при верстке сайта нужно выполнить определенные правила.
Часто встречаются такие ошибки:
Не закрыт тег
<div>
Валидатор может и не найти незакрытый тег, и это усложняет задачу поиска ошибки, поэтому нужно быть предельно внимательным. К тому же незакрытый тег div чуть ли не самая распространенная ошибка, из-за которой блоки не валидируются.
Использованы нестандартные теги
Для примера: валидатор не распознает тег embed, поэтому для включения в html-странице медиафайла можно использовать Flash технологию. Такое происходит по причине того, что на заре 90-х годов браузеры от Netscape и Microsoft разрабатывали стандарты, которые были уникальными, но не были закреплены общепринятыми соглашениями.
Неправильное объяснение или же отсутствие DOCTYPE
Очередная распространенная ошибка при создании страницы. А ведь для корректного отображения сайта в различных браузерах необходима правильная и точная запись DOCTYPE.
Неправильное использование тегов выравнивания
Если выравнивать блоки сайта с помощью тега align, это, конечно, принесет результат, но строго говоря, этот тег предназначен для выравнивания списков. А так используйте теги text-align или float
.
Неправильно оформлен Javascript
Код javascript нужно правильно объявлять и заключить в теги <script> Таковы правила. Можно это сделать так:
<script type="text/javascript
Код скрипта
</script>
Отсутствие закрывающего слэша
В конце таких тегов как br или img, т. е. непарных тегов, нужно не забывать писать слэш. Слешь это символ — /
Не указан атрибут alt изображениям
Для рисунков очень важно указывать атрибуты alt
, куда помещается описания для этих изображений. Так же не стоит забывать про парный закрывающий слэш.
Неправильное использование спецсимволов
Не нужно использовать символы типа «&», нужно писать их аналоги в XHTML, например &
.
Неправильное вложение тегов
Если допустить такую ошибку, это, скорее всего не скажется на отображении страницы в браузере. Но, для правильной валидации кода, ее следует избегать:
<strong><div>Ваш текст</div></strong>
следует писать:
<div><strong>Ваш текст</strong></div>
Отсутствие тега заголовка
Удивительно, но отсутствие тега title встречается довольно таки часто. Верный признак такой ошибки — некорректное название сайта в браузере. Если после прочитанного материала, вам не страшно проверить свой документ на соответствие стандартам, можете воспользоваться сервисом на validator.w3.org.