Валідація

Кожен розділовий знак, атрибут і тег - назва тегу, відкриваючий, закриваючий або дужка - має вирішальне значення в коді. Однак початківцям може бути важко встежити за всіма ними. На щастя, на допомогу приходять валідатори.

Валідація має на меті виявлення синтаксичних помилок у розмітці HTML-документа. Валідатори - це програми, які можуть виконувати ці перевірки. Після валідації ми отримуємо успішний результат або список запропонованих змін, які необхідно внести.

Примітка

Важливо зазначити, що валідатори не перевіряють семантику. Замість цього вони зосереджуються на наступних аспектах:

Синтаксис HTML: Валідатори гарантують, що HTML-код відповідає правильним синтаксичним правилам;

Дотримання визначених стандартів: Валідатори перевіряють, чи відповідає код встановленим стандартам HTML, таким як HTML5;

Правильність написання тегів: Валідатори перевіряють правильність написання тегів;

Правильність використання атрибутів: Валідатори перевіряють правильність використання атрибутів у тегах HTML;

Правильність відкриття/закриття тегів: Валідатори перевіряють правильність відкриття та закриття тегів;

Правильність вкладеності тегів: Валідатори перевіряють, чи правильно вкладені теги в структурі HTML.

Давайте потренуємося у валідації за допомогою популярного онлайн-сервісу W3C Markup Validation Service. Відкрийте наступне посилання в новій вкладці, натиснувши на нього: Валідатор

Тепер давайте разом перевіримо фрагмент коду. Скопіюйте код, наведений нижче, для тестування:

index.html

Вставте код у вікно валідатора між відкриваючим і закриваючим тегами <body>. Потім натисніть кнопку "Check".

Помилки, виявлені валідатором, слід виправляти в тому порядку, в якому вони перераховані. Хоча виправлення попереджень не є обов'язковим, їх аналіз та забезпечення якісної розмітки є гарною практикою.

Виправимо всі помилки у прикладі коду:

index.html

Вносячи ці зміни, ми можемо підвищити точність і валідність HTML-коду. Інструменти валідаторів допомагають розробникам виявляти і виправляти синтаксичні помилки в розмітці HTML.

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 2. Розділ 10