Перевірка та виправлення HTML помилок використовуючи - W3C validator, Корисні нотатки та статті про
Опис роботи з валідатором "W3C", пошук та усунення HTML багів на сайті.
Красивий та чистий сайт – це не лише візуально, акуратно оформлений зовнішній вигляд. Є у сайтів ще й прихований бік. Ця сторона невидима для необізнаних користувачів, але дуже помітна пошуковим роботам. Йдеться про складову сайту – файл розмітки HTML документ.
Для хорошого сайту також важливий порядок і на рівні коду HTML розмітки. Розробники стандарту W3C подбали про те, щоб будь-який веб-майстер міг легко перевірити та легко виправити свій код. І для цього було створено чудовий ресурс – W3C validator.
W3C validator – це безкоштовний веб-сайт, на якому ви можете перевірити ваш ресурс (HTML код) на відповідність до вимог заявленої вами версії.
Багато веб-розробників нехтують таким правилом, як чистота і валідність коду верстки. Вони лінуються витратити час на перевірку з банальної причини - самовпевненість, що їхня розмітка правильна і немає необхідності в її зміні. Але повірте, помилки все ж таки траплятимуться. Їх допускають не через незнання правил HTML, а здебільшого грають роль випадкові друкарські помилки. До друкарських помилок можна віднести – пропуск закриття тега, або закриття тега двічі. На візуальному відображенні об'єктів це не позначається, оскільки браузери самі закривають основні теги.
Перевірка та виправлення помилок це не складне завдання, яке не потребує спеціальних навичок та досконалого знання версії HTML. Валідатор сам покаже, що є неприйнятним та опише причину невідповідності до вимог.
Сам validator для перевірки сайту розташований тут:
У формі є одне вікно, в яке потрібно вписати URLсторінки. Після чого, швидше за все, ви будете вражені кількістю знайдених помилок.
Опис помилок W3C.
Валідатор показує два типи помилок:
- Error: – критична помилка.
- Warning: – попередження, не критична помилка, але бажано усунути.
Зазвичай помилки пов'язані з якоюсь дрібницею, наприклад: відсутність атрибуту "alt" у тегах "img", спецсимволи повинні бути перетворені на аналог або застарілий атрибут тега. Наступний тип помилок — це не закритий тег або дублювання тега.
Виправлення помилок HTML на прикладі.
На фото вище валідатор показав низку простих помилок, які ми зараз виправимо: