Проверка HTML кода на валидность
Вы спроектировали и разработали веб-сайт. Но как узнать, нет ли ошибок в HTML-коде? Практически все браузеры "не жалуются" на некоторые Ваши ошибки в синтаксисе HTML, но ошибки это ошибки. Их надо исправлять. Рано или поздно они дадут о себе знать, но с плохой стороны. Для предотвращения таких последствий требуется так называемая проверка валидности.
Зачем нужна проверка HTML?
Существуют различные причины для проверки валидности сайта:
- Качество любой веб-страницы зависит от того, насколько хорошо и правильно Вы прописали ее код. Он должен быть синтаксически правильным и не иметь накаких ошибок.
- Поисковые системы могут плохо индексировать страницы если HTML-теги написаные с ошибками.
- Ваши страницы могут содержать старые HTML-теги, которые уже не поддерживают браузеры и поисковые системы.
Что такое W3C?
W3C это консорциум World Wide Web, а с 1994 года - консорциум W3C. Он задает руководящие принципы и стандарты, по которым веб-сайты и веб-страницы должны быть созданные и структурированы. Вот ссылки для проверки веб-страниц:
- Проверка соответствия HTML / XHTML стандартам W3C - HTML / XHTML Validator;
- Проверка соответствия CSS стандартам - CSS Validator.
Главные правила и стандарты W3C:
Существуют следующие правила, которые вы должны знать при создании веб-страниц:
- Используйте оператор объявления типа документа XHTML. Для этого нужно начинать каждую страницу сайта с этого тега:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
- Каждый тег должен быть закрыт:
<body>Контент страницы</body>
- Теги <head> и <body> есть обязательными.
- Пустые теги должны иметь завершающий слэш. Пустой тег - это тег, который не требует закрывающего тега. Примерами пустых тегов есть теги <br> (перевод строки) и <hr> (горизонтальная линия):
<br> Теперь <br/>.
<hr> Теперь <hr/>.
<img src="--"> теперь <img src="--"/>
- Все теги должны быть прописаны в нижнем регистре. Это не относится к атрибутам, а только к тегам. Например, оба из этих форматов являются приемлемыми в соответствии с XHTML DTD:
<FONT Color="#ffffcc"> является недействительным
<font color="#ffffcc"> действует
<font color="#FFFFCC"> тоже действует
- Соблюдайте очередь закрытия тегов:
<b> <i> текст </b> </i> является недействительным
<b> <i> текст </i> </b> действует
- Один Тег <form> не может быть внутри другого тега <form>.
- Если код содержит &, он должен быть написан как &.
- В CSS должен использоваться только нижний регистр букв.
Ставив лайк Вы помогаете сайту :)
Статьи по теме:
|