Мой 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.)
Я пробовал несколько комбинаций, но все, похоже, вызывают ошибку. Каким будет правильный способ сделать это?
Вы не можете помещать абзацы внутри заголовка.
Из стандарта 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.
если у вас есть сомнения относительно того, какие элементы разрешены внутри других (вложенные элементы), ознакомьтесь с разделом "Место в разделе" для каждого элемента здесь
Просто удалите теги <p>
и </p>
. Элемент p
недействителен внутри h2
и не имеет смысла там.
Подумайте также о сбросе <strong>
и </strong>
, что бы они ни называли. Заголовок, такой как h2
, по своей природе является яркой частью документа, и по умолчанию он также отображается полужирным шрифтом. Соответствующая разметка будет таким образом
<h2>My text</h2>
No p element in scope but ap end tag seen.
ошибка