Проверка HTML кода на валидность

Проверка HTML кода на валидность

Вы спроектировали и разработали веб-сайт. Но как узнать, нет ли ошибок в HTML-коде? Практически все браузеры "не жалуются" на некоторые Ваши ошибки в синтаксисе HTML, но ошибки это ошибки. Их надо исправлять. Рано или поздно они дадут о себе знать, но с плохой стороны. Для предотвращения таких последствий требуется так называемая проверка валидности.

Зачем нужна проверка HTML?

Существуют различные причины для проверки валидности сайта:

  1. Качество любой веб-страницы зависит от того, насколько хорошо и правильно Вы прописали ее код. Он должен быть синтаксически правильным и не иметь накаких ошибок.
  2. Поисковые системы могут плохо индексировать страницы если HTML-теги написаные с ошибками.
  3. Ваши страницы могут содержать старые HTML-теги, которые уже не поддерживают браузеры и поисковые системы.

Что такое W3C?

W3C это консорциум World Wide Web, а с 1994 года - консорциум W3C. Он задает руководящие принципы и стандарты, по которым веб-сайты и веб-страницы должны быть созданные и структурированы. Вот ссылки для проверки веб-страниц:

  1. Проверка соответствия HTML / XHTML стандартам W3C - HTML / XHTML Validator;
  2. Проверка соответствия CSS стандартам - CSS Validator.

Главные правила и стандарты W3C:

Существуют следующие правила, которые вы должны знать при создании веб-страниц:

  1. Используйте оператор объявления типа документа XHTML. Для этого нужно начинать каждую страницу сайта с этого тега:
    <!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
  2. Каждый тег должен быть закрыт:
    <body>Контент страницы</body>
  3. Теги <head> и <body> есть обязательными.
  4. Пустые теги должны иметь завершающий слэш. Пустой тег - это тег, который не требует закрывающего тега. Примерами пустых тегов есть теги <br> (перевод строки) и <hr> (горизонтальная линия):
    <br> Теперь <br/>.
    <hr> Теперь <hr/>.
    <img src="--"> теперь <img src="--"/>
  5. Все теги должны быть прописаны в нижнем регистре. Это не относится к атрибутам, а только к тегам. Например, оба из этих форматов являются приемлемыми в соответствии с XHTML DTD:
    <FONT Color="#ffffcc"> является недействительным
    <font color="#ffffcc"> действует
    <font color="#FFFFCC"> тоже действует
  6. Соблюдайте очередь закрытия тегов:
    <b> <i> текст </b> </i> является недействительным
    <b> <i> текст </i> </b> действует
  7. Один Тег <form> не может быть внутри другого тега <form>.
  8. Если код содержит &, он должен быть написан как &amp.
  9. В CSS должен использоваться только нижний регистр букв.

<<< Предыдущая статья Меню категории Следующая статья >>>

Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
5.0/5 из 1
Категория: SEO Оптимизация | Добавил: zaharchuk (10.02.2014)
Просмотров: 1675 | Комментарии: 1
Комментариев: 1
1 zaharchuk   (23.04.2014 09:30)
Удалось удалить косяки в коде страницы. Теперь загрузка происходит намного быстрее.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]