Закажи “Сайт под ключ” и получи

в подарок:

  • Домен !
  • Хостинг !
  • 10% скидки на следующий заказ !

Статьи

Код верстки не прошел проверку валидации?

Эта статья предназначена в основном для верстальщиков новичков. Когда вы верстаете 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, например &amp;.

Неправильное вложение тегов

Если допустить такую ошибку, это, скорее всего не скажется на отображении страницы в браузере. Но, для правильной валидации кода, ее следует избегать:

<strong><div>Ваш текст</div></strong>

следует писать:

<div><strong>Ваш текст</strong></div>

Отсутствие тега заголовка

Удивительно, но отсутствие тега title встречается довольно таки часто. Верный признак такой ошибки — некорректное название сайта в браузере. Если после прочитанного материала, вам не страшно проверить свой документ на соответствие стандартам, можете воспользоваться сервисом на validator.w3.org.

Добавить комментарий