Voici une question novice. Est-il possible de créer plus de styles de titres comme h7, h8, etc. Je me demande simplement s'il est possible d'avoir plus de 6 types différents de rubriques sur un site Web.
Vous pouvez créer n'importe quel élément sur une page, mais je pense que votre question est de savoir s'il sera interprété correctement par un agent utilisateur comme un navigateur. Les navigateurs vous permettront de créer, d'appliquer des styles et d'accéder à des éléments créés arbitrairement sur le DOM, qu'ils soient ou non conformes aux spécifications impliquées par votre DOCTYPE
déclaré.
Cependant, en général, il est préférable d'éviter de créer des structures profondément imbriquées; les utilisateurs trouvent ces hiérarchies difficiles à suivre. De plus, comme d'autres réponses liées dans les commentaires l'ont souligné, il peut y avoir des conséquences inattendues sur l'accessibilité des pages, le référencement ou la compatibilité des scripts. Je n'ai pas encore trouvé de cas d'utilisation qui ait réellement besoin de hiérarchies aussi profondément imbriquées, sauf lors de la publication de longs documents juridiques sur une seule page HTML.
La spécification HTML définit 6 en-têtes. Les navigateurs reconnaissent 6 en-têtes. Si vous commencez à utiliser <h7>
et ainsi de suite, vous utiliserez alors un élément non valide.
Si vous avez besoin d'un <h7>
alors vous devriez probablement voir comment vous structurez votre site. Tous les titres ne méritent pas un élément de titre.
De manière générale, vous pouvez créer autant de titres que vous le souhaitez mais ils doivent être définis comme des classes. Donc, si vous envisagez de créer plus de 6 rubriques à des fins d'organisation, faites quelque chose comme:
.h7{
color: #111111;
font-size: 16px;
text-transform: uppercase;
}
<p class="h7"> I'm an extra heading </p>