Элемент p не допускается как дочерний элемент элемента h2 в этом контексте

0

Мой HTML-код

<h2><p><strong>My text</strong></p></h2>

Это вызывает ошибку. Element p not allowed as child of element h2 in this context. (Suppressing further errors from this subtree.) Element p not allowed as child of element h2 in this context. (Suppressing further errors from this subtree.)

Я пробовал несколько комбинаций, но все, похоже, вызывают ошибку. Каким будет правильный способ сделать это?

  • 1
    <p> <h2> <strong> Мой текст </ strong> </ h2> </ p> попробуйте это
  • 0
    @KarthickKumarGanesh Нет, не работает. Это дает No p element in scope but ap end tag seen. ошибка
Показать ещё 1 комментарий
Теги:

3 ответа

7
Лучший ответ

Вы не можете помещать абзацы внутри заголовка.

Из стандарта HTML внутри элемента заголовка допускается только "фразирование содержимого" (h1, h2, h3, h4, h5 и h6). Определение "фразинг-контента":

Фразинг - это текст документа, а также элементы, которые выделяют этот текст на уровне абзаца. Запускает фразы содержания.

a abbr area (если он является потомком элемента карты) audio b bdi bdo br button canvas cite code data datalist del dfn em embed i iframe img input ins kbd keygen label link (если itemprop атрибут присутствует) map mark math meta (если itemprop атрибут присутствует) meter noscript object output progress q ruby s samp script select small span strong sub sup svg template textarea time u var video wbr текст

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

Вам не нужно размещать абзацы внутри заголовков, так как заголовки должны описывать абзацы, которые следуют за ним (например, в газете или журнале). Если вам нужно увеличить интервал, используйте свойство margin в CSS.

0

если у вас есть сомнения относительно того, какие элементы разрешены внутри других (вложенные элементы), ознакомьтесь с разделом "Место в разделе" для каждого элемента здесь

0

Просто удалите теги <p> и </p>. Элемент p недействителен внутри h2 и не имеет смысла там.

Подумайте также о сбросе <strong> и </strong>, что бы они ни называли. Заголовок, такой как h2, по своей природе является яркой частью документа, и по умолчанию он также отображается полужирным шрифтом. Соответствующая разметка будет таким образом

<h2>My text</h2>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню