Я не уверен в соглашении относительно заголовков в HTML 5, но я хотел знать, могу ли я добавить <small> в <h3>, как это (это применимо к любому тегу внутри любых тегов заголовка):
<h3>Payment details <small>(this is your default card)</small></h3>
Большое спасибо
Да, эта надбавка проверяется. Вы можете проверить это на http://validator.w3.org/
Что-то, что нужно знать с помощью HTML5, но является изменением понятия элементов уровня блока: https://developer.mozilla.org/en/HTML/Block-level_elements
Я не думаю, что в спецификации есть какие-то ограничения. Только элементы Void не могут иметь детей. См. http://dev.w3.org/html5/markup/syntax.html#void-element
Хотя обычно H1, H2, H3 и т.д. будут отображаться в одном размере, а для суб-заголовка, такого как ваш (это ваша карта по умолчанию), вы можете использовать более низкое значение H, например. H4.
Спецификации для элементов заголовка:
говорит, что у него есть фазированная модель контента:
Content model:
Phrasing content.
Глядя на часть спецификаций для фазированной модели контента:
Он говорит следующее:
Примечание. Большинство элементов, которые классифицируются как фразирование контента, могут содержат элементы, которые сами по себе относятся к фразовому контенту, а не содержимое потока.
Кроме того, вы не можете поместить заголовок в другой заголовок - это от W3C validator:
Error Line 1, Column 23: Heading cannot be a child of another heading.
<!DOCTYPE html><h1><h2></h2></h1>
Хотя я не мог найти в спецификациях, где он явно говорит об этом, существуют ограничения, которые кажутся довольно конкретными. Это может привести к некоторому очень странному поведению, например, что вышеупомянутый HTML фактически будет анализироваться как
<h1></h1><h2></h2>
например. см. этот SOq для примера косвенных проблем, которые он может вызвать:
На всякий случай кто-то сталкивается с этим...
Я не думаю, что в спецификации есть какие-то ограничения. Только у элементов, имеющих пустоту, не могут быть дети. См. http://dev.w3.org/html5/markup/syntax.html#void-element
Элемент void - это элемент, модель содержимого которого никогда не позволяет ему иметь содержимое ни при каких обстоятельствах. Элементы Void могут иметь атрибуты.
Ниже приведен полный список элементов void в HTML:
area, base, br, col, command, embed, hr, img, input, keygen, link,
meta, param, source, track, wbr
Хотя обычно h1, h2, h3 и т.д. будут отображаться в одном размере. Для подзаголовка, такого как ваш "(это ваша карточка по умолчанию)", вы можете использовать меньший заголовок, например. h4.