Исправление html и css c помощью валидатора W3C

После создания сайта и наполнения его всем необходимым, сайт нуждается в проверки на ошибки. Что бы найти ошибки написания в html и css вам поможет валидатор W3C — World Wide Web Consortium, что в переводе: Консорциум Всемирной Паутины. Он находит все ошибки и указывает где они находятся, так же предлагает варианты их устранения.валидатор W3C

Зачем исправлять код Валидатором W3C

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

  • Повысится скорость загрузки страницы, но чуть-чуть, это даже не будет заметно.
  • В каждом браузере сайт будет отображаться одинаково.
  • Когда добавляют сайт в каталог, обращают внимание на грамотность написания html и css.

Плюсов не много, но исправить ошибки html и css с помощью валидатора W3C стоит!

Как исправлять ошибки Валидатором

Принцип исправления ошибок валидатором не сложный и каждый сможет справиться с этим! Переходим по ссылки на официальный сайт валидатора, если трудно понять английский, советую пользоваться переводчиком, либо пользуетесь этим, что покажет на русском вид ошибок.  Рассмотрим пример исправления валидатором:
1.Набираем в поле имя вашего сайта полностью.
исправление html и css
2.В списке начинаем смотреть где и какая ошибка и что нужно для её устранения.
Ошибка в валидаторе
Как видно на картинки, моя ошибка в ссылке, эту проблему я нашёл в плагине share buttons. Часто приходится копаться во всех файлах, что бы найти ошибку.

3.Добавляем элемент в строку, где была найдена ошибка и проверяете валидатором опять.
Если ошибка исправлена, то это хорошо. Если нет, то придётся искать дальше.

Популярные ошибки и как их исправить

Рассмотрим список ошибок, которые чаще всего встречаются. Примерно 50-60% содержимого сайта, имеют именно их.

Ошибка№1

<noindex> <a rel=»nofollow» href=» ссылка » > Текст </a></noindex> — noindex, отвечает за индексирование выделенной части (текст помещённый в noindex — не индексируется). Но w3c validator не знает таких тегов. Можете смело его убирать, либо заменять на nofollow. Это применяется лишь к ссылками, их лучше ставить в nofollow (запрет перехода по ссылке). А текст ставится только в тег noIndex.
Исправление:
<a rel=»nofollow» href=»ссылка» >Текст</a>

Ошибка№2

Missing </li> tag
Любые открытые элементы нужно закрывать в обратном порядке их открытию, как пример можете открыть любой файл и посмотреть как открываются элементы и где закрываются.

Ошибка№3

Missing DOCTYPE
DOCTYPE прикреплён к регистру

Исправление:

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

Ошибка№4

У img нету атрибута alt
Дело в том, что у каждой картинки должен быть прописан alt, это описание для поисковиков. Поэтому желательно заполнять все alt картинок на сайте.

Исправление:

<img src=»/image/validator.png» height=»10″ width=»10″ alt=»валидность сайта» title=»validator»>

Ошибка№5

<STRONG><LI>текст</LI></STRONG>

В XHTML документах все элементы и атрибуты должны быть в нижнем регистре <li> и <LI> разные тэги

Исправление:

<strong><li>…</li></strong>

Ошибка№6

теги html начинающийся с заглавной буквы, к примеру «Validator»

Исправление:
«validator»

Ошибка№7

<a href=»index.php?pid=4&;id=16″>текст</a>
Unknown entity – использование &; вместо &amp

Исправление:
<a href=»index.php?pid=4&amp;id=16″>текст</a>

Ошибка№8

Теги без кавычек к примеру hr, img, br.

Исправление:
< hr >, <img>, < br >;

Ошибка№9

Параметры тегов должны закрываться одинарными либо двойными кавычками

Исправление:
width=”11” height=”22” border=”0”

Вывод

Ошибки, которые можно встретить на большинстве сайтов, описаны выше. Думаю это 50-60% ошибок от общего числа на сайте, которое может быть. Встречаются так же и трудные ошибки, но я надеюсь, вы справитесь. Если до сих пор непонятно как исправить ошибки html и css валидатором, то посмотрите видео ниже.

Вот токен технарей: 4KSUDXD6Z26Q

- Насколько полезной оказалась статья?

Исправление html и css c помощью валидатора W3C: 9 комментариев

  • Март 17, 2014 в 6:58 пп
    Ссылка

    Можно ли исправить html и css платно. Посоветуйте к кому обратиться!

    Ответ
    • Март 18, 2014 в 9:42 пп
      Ссылка

      fl.ru/user/saintist — лёгкие ошибки поправит бесплатно, если ему поставить плюсик) А так можете сами поискать фрилансеров, работа стоит 50-300 руб за час работы.

      Ответ
  • Май 5, 2015 в 4:02 пп
    Ссылка

    Хорошее пояснение, спасибо! Начал исправлять)

    Ответ
  • Февраль 28, 2016 в 7:12 пп
    Ссылка

    Скажите пожалуйста, как отредактировать код страницы сайта? Щелкаю «просмотр кода страницы». А отредактировать нельзя.

    Ответ
  • Февраль 28, 2016 в 7:13 пп
    Ссылка

    Из за этого не могу исправить ошибки валидатора

    Ответ
  • Июль 7, 2016 в 7:01 пп
    Ссылка

    Здравствуйте! Чтоб исправить ошибки html: скопировал его главную страницу в компьютер, открыл в notenad++, а куда и как ее вставить на хост сайта не знаю(т.е. не знаю в какую папку и порядок действий.) У вас не понятно на каком редакторе появилась и как вставляется назад)

    Ответ
    • Июль 8, 2016 в 5:07 пп
      Ссылка

      к сожалению статья устарела так сильно, что давно существуют более простые способы)

      Ответ
      • Сентябрь 27, 2016 в 9:00 дп
        Ссылка

        Расскажите про них?)

        Ответ
  • Январь 10, 2017 в 11:00 пп
    Ссылка

    мне нужна помощь в исправлении ошибки алидаторы html
    сайт gruz-rm.ru кто может помочь?

    Ответ

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *