инструменты / валидатор HTML
Валидатор HTML
Это проверка html кода: указываете адрес страницы или вставляете кусок разметки, а мы по каждой находке показываем место в исходнике, объясняем, чем она грозит, и говорим, как её починить. Разбираем и содержимое тегов style, и атрибуты style у элементов, а внешние файлы стилей мы не качаем. Без входа и без регистрации. Находки не урезаем до трёх для затравки: показываем до двухсот за один прогон, а если их больше, прямо об этом скажем.
Страницу скачиваем сами: до 1 МБ и не дольше 10 секунд. Страницу тяжелее 800 КБ не разбираем вовсе: скажем об этом прямо и предложим прислать спорный кусок разметки во вторую вкладку.
Эта вкладка не ходит в сеть вовсе: разбирается то, что вы вставили, и ровно в том виде, в каком вставили, - до 512 КБ за раз. Четыре правила из 23 (doctype, заголовок title, кодировка, язык страницы) касаются только целого документа и на кусок кода не действуют - иначе три вставленные строки разметки получали бы четыре выдуманных обвинения. Сюда же можно вставить и голый CSS без единого тега - мы разберём его как таблицу стилей.
Что именно мы проверяем - двадцать три правила, полный список ниже на этой же странице.
Это кусок кода, не целый документ, поэтому четыре правила о doctype, заголовке, кодировке и языке страницы не проверялись.
Предупреждения
Что мы проверяем и чего не обещаем
Наша проверка html кода держит двадцать три правила разбора HTML - не всю спецификацию и не подмену ей. Список ниже - это ровно то, что умеет разглядеть наш разбор, и ни строкой больше. Нашли что-то по этим правилам - покажем строку, столбец и вырезку места в исходнике. Не нашли - прямо об этом и скажем: «по нашим 23 правилам ошибок не нашли», а не «страница исправна». Полную проверку по всей спецификации даёт официальный валидатор W3C - бесплатно и без входа, но интерфейс и сообщения там на английском языке, и именно это отличие привело нас к этой странице.
Двадцать три правила, по которым мы проверяем
Ошибки - нарушение разметки
- Тег открыт и не закрыт
- Закрывающий тег без парного открывающего
- Теги закрыты не в том порядке
- Два элемента с одинаковым id
- Тег стоит там, где стоять не может
- Кавычка в атрибуте открыта и не закрыта
- Один атрибут повторён в теге дважды
- У картинки нет атрибута alt
- Тег убран из языка
- У страницы нет заголовка title только целая страница
- Кодировка страницы не объявлена только целая страница
- Страница начинается без doctype только целая страница
- Блок стилей открыт и не закрыт
- Закрывающая скобка без парной открывающей
- Комментарий открыт и не закрыт
- Кавычка в значении открыта и не закрыта
- Круглая скобка не закрыта
- Объявление без двоеточия
- Объявление вне какого-либо блока
- Правило import стоит не в начале
Предупреждения - не запрещено, но мешает людям или роботам
- У страницы не указан язык только целая страница
- Пустой href или src
- Ссылку нечем назвать
Метка «только целая страница» - правило проверяет документ в целом (doctype, title, кодировку, язык) и не применяется, когда во второй вкладке вставлен кусок кода, а не целая страница.
Чем мы отличаемся от валидатора W3C
W3C сверяет код построчно со спецификацией и выдаёт точное, но английское сообщение разбора - без перевода и без совета, что делать дальше. Мы держим двадцать три самых частых причины поломки вёрстки и добавляем к каждой находке две строки по-русски: чем именно она грозит на живом сайте и как её починить. Правил у нас меньше, чем в полной спецификации, но объяснения на каждое из них больше.
Валидатор HTML и анализ сайта - разные проверки
Эта страница смотрит только код страницы - вёрстку и стили: незакрытые теги, неверную вложенность, битые атрибуты, отсутствие обязательных тегов документа, незакрытые блоки и комментарии в CSS, объявления без двоеточия. Заголовки, мета-теги, robots.txt, дубли и всё остальное, за что отвечает выдача, смотрит анализ сайта - туда стоит идти, если с вёрсткой и стилями всё в порядке, а трафика на сайт всё равно нет.
Вопросы
Разметка нашлась битой, а сайт вроде открывается
Браузеры давно умеют молча чинить сломанную разметку на свой лад, поэтому страница открывается даже с незакрытым тегом или перепутанным порядком закрытия. Открывается не значит починена: разные браузеры чинят по-разному, и вид страницы на телефоне и на компьютере может разойтись именно из-за такой находки.
Находок ноль, а с сайтом всё равно что-то не так
Мы держим двадцать три правила разбора HTML, а не всю спецификацию и не проверку заголовков, robots.txt или дублей - это делает анализ сайта. Ноль находок здесь означает, что вёрстка чистая по нашим 23 правилам, и ничего сверх этого.
Почему не отправить сразу на validator.w3.org
Можно, он бесплатный и без входа, и для полной проверки по спецификации мы сами на него ссылаемся. Разница в том, что там интерфейс и каждое сообщение на английском языке, а мы читаем те же причины поломки по-русски и прямо пишем, чем находка грозит и как её чинить.
Вставил кусок кода, а часть правил не сработала
Так и задумано. Четыре правила из 23 - doctype, заголовок title, кодировка и язык страницы - касаются только целого документа. Вставленный кусок кода не документ целиком, и обвинять его в отсутствующем doctype было бы нечестно.
Это же самое, что анализ сайта
Нет, это соседние, но разные проверки. Анализ сайта смотрит на то, что важно поиску: заголовки, robots.txt, карту сайта, дубли. Здесь мы смотрим только код страницы - вёрстку и стили: правильно ли открыты и закрыты теги, нет ли битых атрибутов, обязательных тегов документа, незакрытых блоков и комментариев в CSS.
Вставил CSS, а не HTML
Так тоже можно. Если во вставленном нет ни одного тега, а есть правила со свойствами, мы разберём его как таблицу стилей. А если не поймём, что вы прислали, то прямо об этом и скажем, а не ответим, что всё чисто: молчание выдавать за чистоту нельзя.