Czy możemy dodać <span> wewnątrz tagu H1?

Czy użycie tagu span w tagu H1 jest właściwą metodą?

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

Wiem, że możemy to napisać w ten sposób ... i również postępuję zgodnie z poniższą składnią na mojej własnej stronie internetowej.

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

Jednak chciałem tylko poznać czystszą formę html.

Tak, możesz.

HTML4 ma do powiedzenia :

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

I %inline;jest:

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

I %special;zawiera <span>.

Obecny kod HTML ma do powiedzenia :

Treść treści
Frazowanie treści

A zawartość wyrażeń obejmuje <span>.

Tak, możesz. Można go użyć do sformatowania części bloku h1:

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

Jeśli styl dotyczy całego bloku h1, robię to:

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

Tak, zwykle dobrze jest użyć spanwnętrza pliku h1. spanjest elementem wbudowanym, więc zwykle można go używać wewnątrz czegokolwiek (co pozwala na umieszczanie w nim elementów!)

Czasami nie ma na to prostszego sposobu, na przykład jeśli chcesz stylizować tylko część h1 .

Z drugiej strony ... nie rób tego, jeśli nie jest to konieczne, bo jest trochę brzydki :)

Tak, w porządku, ale dlaczego nie

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

Jeśli to wszystko, co robisz?

Tak, możesz. Rozpiętość jest wyświetlana w tekście, więc nie powinna wpływać na stylizację H1.

Tak, możemy użyć tagu span z tagami nagłówka i nie ma w tym nic złego. Rzeczywiście jest to szeroko stosowane do stylizacji tagów nagłówka, szczególnie do kolorowania określonego słowa lub litery.

Tak, możemy użyć tagu span z tagami nagłówka i nie ma w tym nic złego. Rzeczywiście jest to szeroko stosowane do stylizacji tagów nagłówka, szczególnie do kolorowania określonego słowa lub litery.

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

Pomyśl w powyższych liniach - Pracowałem dla mnie - użyj display: inline prop