Знаете ли вы HTML-сниппет валидатор?

Question

Я ищу инструмент, который позволил бы мне проверить, является ли определенный фрагмент HTML действительным в своем правильном контексте.

Я бы ввел что-то вроде

<dd>
    my definition 
    <div>
        div inside &lt;dd&gt; is allowed
    </div>
</dd>

вместо всего документа. Обычный валидатор будет жаловаться на отсутствующий тег dl, но в большинстве случаев я просто хочу знать, является ли определенный элемент допустимым внутри другого или нет.

---

Я постараюсь объяснить это более подробно. Рассмотрим следующий фрагмент:

<form>
    <label>Name: <input /></label>
</form>

Будет допустимо, но для проверки у меня есть два варианта:

1. Проверка всего документа: в большинстве случаев это достаточно хорошо, но иногда, когда я работаю над частичными фрагментами HTML или встроенным HTML, возникают некоторые проблемы. Я должен был бы скопировать все это в новый HTML-документ и проверить это.
2. Просто скопируйте фрагмент и подтвердите его с помощью валидатора W3C и игнорируйте некоторые ошибки.

По сути, я хотел бы проверить, содержит ли элемент только те элементы, которые ему разрешено содержать.

Answer 1

Вы можете использовать валидатор W3C для проверки фрагмента.

Выберите вкладку «Проверка по прямому вводу» и выберите «Дополнительные параметры». Там есть переключатель «Проверить фрагмент HTML». http://validator.w3.org/#validate_by_input+with_options

Это обернет вашу страницу в действительный HTML, поэтому ошибки, которые вы видите, связаны только с вашим фрагментом.