Soient H1,H2,H3,H4 balises block ou inline éléments?

Est-il correct HTML pour modifier la couleur de texte à l'intérieur d'un H1, H2, H3 ou H4 élément? Sont-ils au niveau du bloc?

Par exemple

<h1><span style="color:#ABAB">#500</span> Hello world</h1>
InformationsquelleAutor Chris S | 2010-10-28
  1. 67

    Ils sont les éléments de bloc.

    Si vous regardez le code HTML 4.01 strict DTD:

    <!ENTITY % heading "H1|H2|H3|H4|H5|H6">

<!ENTITY % block
     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

    Ils sont tous définis comme %heading entités, qui à leur tour font partie de la %block entités.

    Comme pour la question concernant si vous pouvez changer la couleur, c'est dans le style et est très bien, mais je voudrais le faire dans un fichier CSS, pas en ligne:

    H1, H2, H3, H4, H5, H6
{
 color: #ccccc;
}
    • j'ai aimé la façon dont vous avez ajouté DTD html pour expliquer la réponse.GR8
    • J'essayais juste de garder l'exemple simple donc utilisé du CSS. Je l'ai fait essayer une recherche sur google abord, mais je ne pouvais pas trouver ma réponse de l'écrémage, w3.org/TR/REC-html40/struct/global.html#h-7.5.5
    • S - pas de problème. Je ne peux aller sur ce qui est dans la question 😉
    • Grande réponse btw, il est intéressant de noter qu'ils ont les jetons pour les catégories de autres éléments à l'intérieur de la définition de bloc
    InformationsquelleAutor Oded
  2. 5

    Oui C'est la bonne manière, Si vous souhaitez utiliser du css. Sinon, faire une classe de dire 

    <h1 class="title"><span>#500</span> Hello world</h1>

    Maintenant Son Css est:

    h1.title span{
color:#ABABAB;
}

    À nouveau, oui h1 à h6 est un bloc.

    InformationsquelleAutor Soarabh
  3. 3

    oui les en-têtes sont de niveau bloc.

    sur une autre note, #ABAB n'est pas valide couleur 🙂

    InformationsquelleAutor red-X
  4. 3

    Oui, un span à l'intérieur d'une balise h1 est autorisé. Comme vous pouvez le voir sur la W3C page de Référence pour la balise h1:

    Les contenus autorisés: le phrasé de contenu

    Et à la rédaction de contenu est du texte normal ainsi que votre span élément (et de plusieurs autres éléments comme on peut le voir sur cette page de référence pour le phrasé de contenu.

    Ah oui, et les balises d'en-tête sont les éléments de bloc.

    InformationsquelleAutor Dennis G
  5. 3

    La façon la plus simple pour savoir si un élément de niveau bloc ou élément inline est de mettre un cadre autour d'elle.

    HTML

    <h1> Heading 1 </h1>
<span> Span </span>

    CSS

    h1 {
   border: 2px solid green;

}

span {
   border: 2px solid blue;
}

    Plus d'exemples sur jsFiddle.

    InformationsquelleAutor Antonija Šimić
  6. 0

    Le meilleur pracktace est d'abord créer des feuilles de styles CSS dans la feuille de style.

    h1 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
}
    InformationsquelleAutor Saifal Maluk
  7. 0

    Couleur modifie la couleur de police, pas de couleur d'arrière-plan, donc, techniquement, il est tout aussi correct. Cependant, en faisant cela signifie que pour chaque en-tête que vous voulez avec ce style, vous devez spécifier une balise span à l'intérieur comme vous l'avez fait.

    Meilleure solution si vous voulez l'avoir toujours en vigueur pour les balises h1 pourrait être d'inclure une feuille de style avec le code suivant:

    h1 {
  color: #ABABAB
}
    InformationsquelleAutor Neil