Проверка валидатором сайта https://htmlacademy.ru/

Вот задался вопросом, почему сайт, на котором обучают html и css не проходит проверку валидатором http://validator.w3.org и http://jigsaw.w3.org/css-validator/?

Смею предлоложить, что вы нам хотите предложить другой замечательный сайт, на котором тоже (но намного лучше, само собой) обучают html и css. И этот суперовый сайт, конечно же, проходит проверку валидатором.
Не томите, откройте миру это великолепие!

Наверное формулировка вопроса была не совсем правильная. Никого обижать не собирался и рекламировать другие ресурсы тем более. Более того, Академия наверно одна из лучших в русском сегменте хотя ей и есть куда развиваться.

Честно говоря ожидал ответ чисто технический, что не проходит потому что эти ошибки не критичные и не на что не влияют. Или, спасибо, исправим.

Также интересно, в жизни, должны ли сайты проходить проверку, какие ошибки критичные, как они влияют на отображение в браузере и т.д. Может затронутая тема станет основой будущего курса?

Технический ответ это не ко мне, учусь как вы. Ваш вопрос показался мне похожим на подготовку к спаму, так что без обид. )

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

Что касается CSS - то валидатор ругается потому, что не может понять сжатый CSS код, а все предупреждения связаны с вендорными префиксами. CSS я вообще не видел чтобы кто-то проверял на валидность.

1 лайк

Да, действительно, практически все ошибки в тегах meta. Но есть две такие:

  1. Error Line 187, Column 29: The clear attribute on the br element is obsolete. Use CSS instead.
    <br clear="both">

  2. Line 22, Column 99: & did not start a character reference. (& probably should have been escaped as &.)

     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700&subset=latin,cyrillic">
    

Вот насчет символа “&” непонятно. Почему ругается?

Потому что всегда ругается просит зхаменить на & но это внешняя ссылка гугл, так что эту ошибку можно записать и так.

А по поводу первого, значит нужно было быстро вставить элемент.