Тут розповім вам про те, що таке валідність коду, для чого потрібно дотримуватися синтаксис коду, як виявити помилки в вашому коді і виправити їх за допомогою розширення для браузера Firefox під назвою Html Validator.
Завантажити вихідні для статті можна нижче
Що ж таке валідність коду сайту?
Валідність - це відповідність коду вашого сайту певним вимогам і правилам написання, які розробляються і рекомендуються до використання організацією під назвою «Консорціум Всесвітньої павутини» (від англ. World Wide Web Consortium, W3C).
Для чого слід дотримуватися дані правила?
- Незначно, але підніметься швидкість завантаження сайту.
- Покращиться індексація пошуковими системами, так як їм легше буде здійснювати парсинг (автоматизований збір контенту або даних з будь-якого сайту).
- Більш висока кроссбраузерность (властивість сайту відображатися і працювати у всіх популярних браузерах ідентично).
Всі ці незначні ефекти можуть вплинути на те, що ваш сайт зможе займати більш високі позиції у видачі пошукових систем. а це дасть приріст в відвідуваності вашого сайту.
Як же перевірити код сайту на валідність?
Онлайн сервіс для перевірки коду від «Консорціум Всесвітньої павутини» (W3C) розташований за наступним посиланням:
Але є і більш зручний варіант - це розширення для браузера Firefox під назвою Html Validator.
Для того, щоб його поставити собі на Firefox потрібно зайти в менюшке браузера в пункт "Інструменти", далі вибрати підпункт "Додатки" і в рядку пошуку ввести Html Validator і натиснути на кнопочку «Встановити».
Після установки програми вам необхідно вибрати алгоритм його роботи. Рекомендую вибрати SGML Parser - це той же алгоритм, що використовується на validator.w3.org.
Після встановлення плагіну внизу праворуч вашого браузера з'явитися невелика панелька, що показує помилки і попередження.
Якщо навести на неї курсор мишки, з'явиться вікно з подробицями, а при подвійному натисканні відкриється вікно з вихідним кодом вашого сайту і валідатор підсвітить рядки з помилками і вкаже її причину.
На моєму сайті валідатор для Firefox знайшов 33 помилки на головній сторінці. Перейшовши на інші сторінки я не виявив жодної без помилок.
Давайте розглянемо як усунути одну з помилок, зазначену валідатором на моєму сайті.
У «віконце помилок» натискаю на першу з помилок (показано на скріншоті вище) і в віконці з вихідним кодом підсвічується код:
У віконці «Причина помилки», англійською написано, що необхідно закрити тег символом «/».
Оновлюю сайт і дивлюся, що показує валідартор - 31 помилка.
Помилок на сайті стало менше.
PS: Усунути всі помилки, зазначені валідартором, досить важко і на їх усунення піде багато часу, тому постарайтеся звести їх до мінімуму.
До того ж сайтів з ідеальним дійсним кодом менше 10%.
Схожі записи:
Навігація по публікаціям
Валентина, вам потрібно налаштувати браузер, наприклад для Firefox 16.0.2 для того, щоб з'явилася панелька, що показує помилки і попередження, описана в цій статті, необхідно зайти в меню браузера в пункт «Вид», далі вибрати підпункт «Панель інструментів» і поставити галочку навпроти «Панель доповнень».
Також помилки і попередження будуть показуватися при виклику віконця «Вихідний код» (ctrl + u).
Налаштування плагіна HTML Validator також знаходяться в меню браузера - пункт «Інструменти», підпункт «Налаштування HTML Validator».