Peut-on ajouter un <span> à l'intérieur d'une balise <h1> ?

Question

Est-ce une bonne méthode d'utiliser un <span> à l'intérieur d'un <h1> tag ?

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

Je sais que nous pouvons l'écrire de cette façon... et je suis également la syntaxe ci-dessous dans mon propre site Web...

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

Cependant, je voulais juste savoir la forme la plus propre du html..

Answer 1

Oui, vous pouvez.

Le HTML4 a ceci à dire :

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

Et %inline; est :

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

Et %special; comprend <span> .

L'actuel HTML a ceci à dire :

Contenu
Formulation du contenu

Et Formulation du contenu comprend <span> .

Answer 2

Oui, vous pouvez. Il peut être utilisé pour formater une partie d'un bloc h1 :

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

Si le style s'applique à l'ensemble du bloc h1, je fais ceci :

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

Answer 3

Oui, il est généralement possible d'utiliser un fichier span à l'intérieur d'un h1 . span est un élément en ligne, il est donc généralement possible de l'utiliser à l'intérieur de n'importe quel élément (qui autorise les éléments à l'intérieur !).

Et il n'y a pas vraiment de manière plus propre de le faire parfois, par exemple si vous voulez styliser seulement une partie de l'image de l'utilisateur. h1 .

D'un autre côté... ne le faites pas si ce n'est pas nécessaire, car c'est un peu laid : )

Answer 4

Oui, c'est bien, mais pourquoi pas

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

Si c'est tout ce que vous faites ?

Answer 5

Oui, vous pouvez. Le span s'affiche en ligne, il ne devrait donc pas affecter le style du H1.