После создания сайта и наполнения его всем необходимым, сайт нуждается в проверки на ошибки. Что бы найти ошибки написания в 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