Приклад незакритого тега div: як валідація його виявляє

Про цей інструмент

На цій сторінці валідатор HTML відкривається з однією з найпоширеніших реальних помилок розмітки: `<div class="container">` відкривається, але ніколи не закривається перед появою `</body>`. Валідатор виявляє це одразу після завантаження сторінки й точно повідомляє, де структура порушується — не розмитим повідомленням «невалідний HTML», а точним звітом про невідповідність тегів із зазначенням рядка, на якому було відкрито div.

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

Вставте власну розмітку в поле нижче, щоб виконати таку ж перевірку, або відредагуйте цей приклад — додайте пропущений `</div>` назад — і побачите, як результат перетворюється з невалідного на валідний.