Чи можемо ми додати <span> всередину тегу H1?

Чи правильний метод використовувати тег span всередині тегу H1?

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

Я знаю, що ми можемо написати це таким чином ... і також дотримуюсь нижченаведеного синтаксису на своєму власному веб-сайті ..

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

Однак я просто хотів знати чистішу форму html ..

Так, ти можеш.

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>.

Поточний HTML має таке сказати :

Вміст вмісту
Фразовий вміст

І вміст фраз включає <span>.

Так, ти можеш. Його можна використовувати для форматування частини блоку h1:

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

Якщо стиль застосовується до всього блоку h1, я роблю це:

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

Так, зазвичай добре використовувати spanвнутрішню частину h1. spanє вбудованим елементом, тому зазвичай можна використовувати його всередині будь-чого (що дозволяє елементи всередині нього!)

І насправді не існує більш чистого способу зробити це іноді, скажімо, якщо ви хочете створити стиль лише частини h1.

З іншого боку ... не робіть цього, якщо це не потрібно, оскільки це трохи потворно:)

Так, це добре, але чому б ні

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

Якщо це все, що ти робиш?

Так, ти можеш. Розмах відображається в рядку, тому він не повинен впливати на стиль H1.

Так, ми можемо використовувати тег span з тегами заголовка, і в цьому немає нічого поганого. Дійсно, це широко використовується для стилізації заголовків тегів, спеціально для забарвлення певного слова чи літери.

Так, ми можемо використовувати тег span з тегами заголовка, і в цьому немає нічого поганого. Дійсно, це широко використовується для стилізації заголовків тегів, спеціально для забарвлення певного слова чи літери.

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

Подумайте у вищевказаних рядках - Працювало для мене - використовуйте display: inline prop