Можно добавить <span> внутри тега H1?

Это правильный метод использования тега span внутри тега H1?

<h1>
    <span class="boardit">Portfolio</span>
</h1>

Ответ 1

Да, вы можете.

HTML4 имеет это, чтобы сказать:

<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
  There are six levels of headings from H1 (the most important)
  to H6 (the least important).
-->

<!ELEMENT (%heading;)  - - (%inline;)* -- heading -->

И %inline;:

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

И %special; включает <span>.

HTML5 имеет это, чтобы сказать:

Допустимое содержимое
Содержание фразы

И Фразинг контента включает Фрагментные элементы, который включает <span>.

Ответ 2

Да, вы можете. Его можно использовать для форматирования части блока h1:

<h1>Page <span class="highlight">Title</span></h1>

Если стиль применяется ко всему блоку h1, я делаю это:

<h1 class="highlight">Page Title</h1>

Ответ 3

Да, обычно использовать span внутри h1. span является встроенным элементом, поэтому он обычно может использовать его во всем (что позволяет элементы внутри него!)

И нет на самом деле более чистого способа сделать это иногда, скажем, если вы хотите стилизовать только часть h1.

С другой стороны... не делайте этого, если это не нужно, так как это немного уродливо:)

Ответ 4

Да, это хорошо, но почему бы не

   <h1 class="boardit">
      Portfolio
   </h1>

Если это все, что вы делаете?

Ответ 5

Да, вы можете. Пролет отображает встроенный, поэтому он не должен влиять на стиль H1.

Ответ 6

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

Ответ 7

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

Ответ 8

<h1 style="display:inline;">Bold text goes here</h1> 
<span style="display:inline;">normal text goes here</span>

Подумайте над строками - Работайте для меня - используйте display: inline prop