J'ai une page html avec en-tête et sous-titres, j'utilise Bootstrap v4 CSS.
J'utilisais h3 pour l'en-tête et h4 pour le sous-titre, mais une fois rendu, j'ai trouvé les tailles trop similaires, j'ai donc changé pour utiliser h2 et h4 , n'utilisant pas du tout h3.
Cela fonctionne bien, mais est-il correct de le faire sémantiquement ou est-ce incorrect?
Parce que j'utilise Bootstrap, je ne veux pas particulièrement remplacer le CSS pour h3 pour l'agrandir.
3 Réponses :
Si vous n'utilisez pas du tout h3 , sur votre page alors oui, tout devrait être bon sémantiquement.
Cependant, si vous utilisez un h3 ailleurs, je modifierais simplement les tailles d'en-tête en utilisant CSS car il n'y a pas grand-chose d'autre choix, ce serait considéré comme sémantiquement incorrect pour sauter un titre level puis utilisez-le ailleurs.
Si vous voulez un HTML sémantiquement correct , alors ce serait bien de conserver la hiérarchie; vous ne devez PAS utiliser de balises d'en-tête différentes uniquement à des fins de style; si vous choisissez un h4 plutôt qu'un h3 uniquement à cause des tailles, alors ce serait sémantiquement faux; Je me contenterais de changer les tailles avec mon propre CSS.
Cet article est très utile pour vous aider: Pourquoi utiliser le HTML sémantique < / a>
Et citant le même article:
h1 – h6 - Les balises d'en-tête peuvent être utilisées pour rendre les polices plus grandes et plus audacieuses, mais si le texte n'est pas un titre, il ne doit pas être à l'intérieur d'un titre marque. Utilisez plutôt les propriétés CSS font-weight et font-size si vous souhaitez modifier la taille ou le poids d'un texte spécifique sur votre page
De plus, puisque vous utilisez Bootstrap , ils fournissent des classes qui appliquent les styles de chaque titre à un élément; vous pouvez donc choisir de styliser un titre h3 comme un h1 ; de cette façon, vous gardez l'apparence dont vous avez besoin tout en adoptant la bonne approche sémantique: En-têtes
ah, merci ok c'est ce que je devrais faire appliquer la classe h2 à h3
Sauter les niveaux de titre est une mauvaise pratique du point de vue de la conception de l'information, qu'il s'agisse de pages Web, de livres, d'articles de revues ou de tout autre chose. Vous pouvez non seulement confondre les lecteurs d'écran, mais tous les lecteurs lorsque vous ne suivez pas un modèle cohérent et logique avec votre structure de titre.