Вивчайте Перевірка Вашого HTML-Коду на Відповідність Найкращим Практикам

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

Валідатори перевіряють ваш код на синтаксичні помилки та допомагають виправити проблеми до того, як вони спричинять труднощі.

Що перевіряють валідатори

Валідатори не перевіряють значення (семантику). Вони зосереджені лише на тому, чи відповідає ваша розмітка правилам HTML:

Коректний синтаксис HTML;
Дотримання стандартів HTML (наприклад, HTML5);
Правильні імена тегів і написання;
Коректне використання атрибутів;
Правильне відкриття та закриття тегів;
Коректне вкладення (елементи розміщені у правильному порядку).

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

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

index.html

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

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

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

index.html

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