Разрешено ли <Ul>внутри H1?

Question

Мне было интересно, возникнут ли какие-либо проблемы, если я добавлю список внутри заголовка H1:

<h1>
 <ul>
  <li><a href="...">some link</a></li>
  <li><a href="...">another link</a></li>
  <li>current page</li>
 </ul>
</h1>

список представляет собой навигацию типа "крошка".

Или это так?лучше вставить его в список?

<ul>
 <li><a href="...">some link</a></li>
 <li><a href="...">another link</a></li>
 <li><h1>current page</h1></li>
</ul>

Answer 1

Элементы заголовка, такие как <h1>, следуют фразировочному контенту модель контента: если вы хотите следовать спецификации HTML к букве, фразировочный контент может содержать только обычный текст или другую фразировкусодержание.Так как элементы <ul> не содержат фраз, они технически не допускаются в элементах <h1>.

Ваш второй пример - размещение элементов <h1> в элементах <li> - является допустимой разметкой и будетбыть предпочтительным методом объединения <h1> и <ul> элементов.

Answer 2

Недопустимо иметь ul внутри h1, лучший способ проверки - это использовать http://validator.w3.org/ для проверки вашей структуры, таким образом, будет учитываться используемый вами тип документа. (но это все еще не действует!)

Answer 3

Вы можете использовать Служба проверки разметки W3C , чтобы проверить, действительно ли она действительна:)

Answer 4

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

Что касается SEO, h1 используется в некоторой степени в поиске, хотя я считаю, что это не так важно, как элемент <title>. Однако, если ваша страница не имеет заголовок, семантически говоря, я, конечно, не стал бы ломать ее просто для того, чтобы попытаться улучшить рейтинг. Поместите этот текст «текущей страницы» в <title>, если необходимо, сделайте список хлебных крошек обычным списком хлебных крошек и не беспокойтесь о h1, если он вам не нужен.

Answer 5

это будет отображаться - однако я думаю, что это будет считаться плохой практикой, поскольку список не является заголовком. Вам лучше добавить стили CSS, чтобы вы могли отформатировать список до нужного размера, шрифта и т. Д.