Как проверить HTML код на наличие ошибок

Проверка HTML кода на валидность

Как проверить HTML код на наличие ошибок, проверить код на валидность

Интересную тему для статьи мне подкинул Блог свободного вебмастера www.webliberty.ru/ — мне попалась статья о проверке HTML кода на наличие ошибок. Для проверки  HTML кода на валидность, то есть на наличие ошибок можно воспользоваться сервисом http://validator.w3.org/.  Это официальный сайт Консорциума Всемирной паутины World Wide Web Consortium, который и устанавливает эти нормы. Вот этим нормам и  должен соответствовать валидный HTML код. Эти нормы обязательно должны учитываться всеми веб мастерами. Кого интересует подробная информация о нормах и стандартах, найдет ее на просторах интернета.

Я же расскажу как о проверке HTML кода моего сайта на валидность, то есть на правильность кода, если код правильный, то на нем нет ошибок. Для проверки я воспользовалась сервисом, предоставляющим возможность проанализировать свой сайт на наличие ошибок http://validator.w3.org/. Этот сервис предлагает проверить HTML код тремя способами:
Validate by URL – проверка по URL адресу
Validate by File Upload – проверка любого загруженного файла
Validate by Direct input – проверка вставленного HTML кода

Как проверить HTML код на ошибки

Понятно, что в первом варианте можно ввести URL адрес своего сайта или его любой страницы и проверить HTML код на наличие ошибок. Причем дается информация не только о наличии ошибок, но и где именно они находятся.

Как проверить HTML код на ошибки

В первом варианте я ввела адрес моего сайта и была, мягко говоря, озадачена, 327 Errors (ошибок) и 227 Warnings (предупреждений) – вот такой неутешительный результат. Где именно возникли ошибки, что явилось причиной их возникновения.

Как проверить HTML код на ошибки

Вот что я сделала, может у более опытных вебмастеров есть другой вариант, тогда подскажите в комментариях, а я открыла главную страницу своего сайта как обычно через Google Chrome. О расширениях Google Chrome рекомендую почитать здесь.

Как проверить HTML код на ошибки

И, щелкнув правой кнопкой мыши, выбрала пункт меню Просмотр кода страницы, затем комбинацией CTRL + F и CTRL + V – ввожу скопированную с сервиса строчку ошибки, нашла строчки, в которых имеются ошибки в коде, они высветились оранжевым цветом.

Как проверить HTML код на ошибки

Таким образом, я обнаружила, что ошибки дает плагин Social Share Button – 200!!! Двести ошибок!!! Вы не поверите! Я давно собираюсь установить кнопки социальных сетей кодом, поэтому безжалостно удалила этот плагин. После удаления одного только плагина Social Share Button, количество ошибок снизилось до 73 Errors и 8 Warnings .

Как проверить HTML код на ошибки

Далее, еще интересней, оказывается код виджета от Яндекса «Поделиться» — тоже с ошибками, удалила и его — на 13 ошибок стало меньше.

Как проверить HTML код на ошибки

Ошибки HTML кода

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

Ошибки HTML кода

В результате всех этих манипуляций на сайте при проверке сервисом осталось 12 ошибок, большую часть их дает плагин TweetMeme. Кнопку Twitter пока удалять не буду (Если у Вас нет странички в Twitter обязательно прочитайте здесь как создать). В дальнейших планах заменю ее кодом кнопки от Twitter «Твитнуть».

Вот такую работу над ошибками я проделала с помощью сервиса http://validator.w3.org/. Правильно говорят, не ошибается только тот, кто ничего не делает. Но ошибки нужно исправлять, хотя наверное на 100% их исправить невозможно, но нужно стремиться свести количество ошибок к минимуму. Вот так завершилась проверка кода моего сайта на валидность, то есть на наличие ошибок.

Подведя итоги, ставлю себе несколько задач:
Во-первых, исправить по возможности ошибки в кодах виджетов и вернуть их на свой сайт
Во-вторых, найти другой шаблон, верстать шаблон самостоятельно я пока не умею, а тему необходимо заменить, поэтому поищу пока в бесплатных
В-третьих, заменить плагины кодами и начать с плагина Twitter

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

Желаю удачи!

Подпишитесь на обновления блога — получайте новые статьи на почту!

С уважением Рашида Гарифулина

Подписывайтесь на обновления блога, нажав на кнопку "Получать статьи на почту" Кнопка для сайта - Получать статьи на почту Высказывайте ваши мнения и пожелания! Оставляйте свои комментарии - напишите свое мнение в комментариях ниже к этому посту! Кликните по кнопкам социальных сетей - поделитесь статьей с друзьями!

Читать похожие статьи

К записи "Как проверить HTML код на наличие ошибок" оставлено 2 коммент.
  1. Всегда его использую, когда в этом есть необходимость.
    P. S. Слышал, что у них появился новый сервис, объединяющий анализ html и css. Но пока не пользовался.

  2. Здравствуйте!А как именно Вы удалили ошибки из кода страницы?Что, открыли код и стали исправлять?Я не могу этого сделать, код остается закрытым для исправлений ( сайт у меня на блогспот).Не подскажите, как войти в код страницы?
    Заранее благодарен — Александр.

Оставить свой комментарий

Поиск по сайту
Яндекс — найдется всё
Статьи на почту

Введите Ваш электронный адрес и получайте новые статьи на почту:

Объявления
Поделитесь с друзьями
Участвуй! Получай призы!
ТОП-комментаторы

Лилия(1)
Пообщаемся
Читайте Топ 5 популярных статей

Яндекс кошелек регистрацияСоздать кроссворд онлайнСоздать блог бесплатноСоздать картинку с надписьюКак пользоваться FileZilla

Оформи подписку бесплатно
Оформи подписку на видео, нажми Подписаться
LiveInternet
Каталог сайтов Всего.RU
Яндекс.Метрика
Создать качественный видео ролик
© 2017    Интернет-time Свой бизнес в интернете. ВСЕ ПРАВА ЗАЩИЩЕНЫ.    //    Войти   //    Вверх