Валідатор HTML

Free

Перевіряє HTML на незакриті теги, дубльовані ID, застарілі елементи та інші поширені, чітко визначені проблеми, перевірено власним парсером зіставлення тегів, не повний валідатор відповідності W3C.

Це перевіряє поширені, чітко визначені проблеми HTML (незакриті теги, дубльовані ID, застарілі елементи, відсутній alt-текст і подібне), це не повний валідатор відповідності специфікації W3C HTML5.

Вихідний код HTML

Недавня Активність

Видно всім. Останні 20 використань серед усіх відвідувачів, найновіші спочатку.

Ще немає активності. Будьте першим.

Коментарі (0)

Знайшли цей інструмент корисним? Залиште коментар, поділіться порадою, чи скажіть нам, як ми можемо покращити його.

Ще немає коментарів. Будьте першим, хто поділиться думками!

Що робить цей інструмент

Вставте HTML, і цей інструмент перевірить його на наявність сфокусованого набору поширених, чітко визначених проблем: незакритих або невідповідних тегів, дубльованих атрибутів id, відсутнього alt-тексту на зображеннях, застарілих елементів, недійсного синтаксису самозакриття на непорожніх елементах, а також відсутніх оголошень DOCTYPE, lang або charset. Кожна проблема веде назад до рядка, на якому її знайдено.

Як Це Працює

Легкий парсер сканує HTML тег за тегом, підтримуючи стек поточно відкритих елементів, точно так, як браузер відстежує вкладеність внутрішньо, пропускаючи коментарі та вміст блоків <script> і <style>. Коли закриваючий тег не збігається з верхом стека, або в стеку залишаються записи наприкінці, про них повідомляється як про незакриті або невідповідні теги. Окремо регулярні вирази шукають дубльовані атрибути id, відсутні атрибути alt на зображеннях та застарілі назви елементів.

Проблеми, які це вирішує

Пошук незакритого тега, який непомітно ламає макет сторінки далі вниз.
Виявлення дубльованих атрибутів id до того, як вони спричинять неочікувану поведінку CSS-селектора або виклику JavaScript getElementById.
Виявлення застарілих елементів, що залишилися від старого коду або скопійованих фрагментів.
Перевірка основ доступності, таких як alt-текст і оголошена мова документа.

Часті запитання

›Чи це те саме, що й валідатор розмітки W3C?

Ні. Офіційний валідатор W3C перевіряє повну відповідність специфікації HTML, сотні правил, що охоплюють кожен елемент і атрибут. Цей інструмент зосереджений на меншому наборі поширених, чітко визначених проблем, які справді корисно виявити на ранньому етапі: незакриті теги, дубльовані ID, застарілі елементи та кілька перевірок на відсутні атрибути. Для повного звіту про відповідність використовуйте валідатор W3C разом із цим інструментом.

›Чому відсутність DOCTYPE, lang або charset позначається як попередження, а не помилка?

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

›Що тут вважається "застарілим" тегом?

Елементи, які специфікація HTML5 явно позначає як застарілі, наприклад <center>, <font>, <marquee> та <acronym>, зазвичай тому, що CSS тепер охоплює те, що вони робили, відокремлюючи вміст від оформлення. Вони все ще працюють у браузерах для зворотної сумісності, але не повинні використовуватися в новому коді.

›Чи перевіряється вміст усередині тегів <script> або <style>?

Ні, їхній вміст повністю пропускається під час зіставлення тегів, оскільки JavaScript або CSS можуть легко містити текст, схожий на тег HTML (наприклад, усередині рядка), не будучи ним насправді, що інакше призвело б до хибних спрацьовувань.

›Чому позначається синтаксис самозакриття, наприклад <div />?

У HTML (на відміну від XML або XHTML) кінцева коса риска на непорожньому елементі, такому як <div> або <span>, просто ігнорується, елемент НЕ вважається закритим нею і все ще потребує власного окремого закриваючого тегу. Це поширене джерело випадкових помилок із незакритими тегами під час копіювання шаблонів із JSX або XML.

Перетворіть введений текст або завантажене зображення на ASCII-арт. Виберіть стиль шрифту або шкалу символів, збережіть колір і експортуйте як звичайний текст або PNG.