Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forums MacBidouille _ Les Langages Du Web _ Balises Hn

Écrit par : titanium 10 Aug 2022, 12:45

Bonjour,

Je n'arrive pas à trouver une réponse précise sur le net...

Peut-on utiliser des balises h2 même s'il n'y a pas de balises h1 dans la page ?

Ça fonctionne, bien sûr, mais ce n'est pas très "propre", non ?

Je précise que les pages ne seront pas en ligne (ce sont les fichiers d'aide d'une application).
Donc pas de référencement prévu... C'est plus à des fins de look.

Merci.

Écrit par : Philippe64 10 Aug 2022, 13:54

Dans ton cas, cela ne pose pas de problème.
En cas de référencement c'est vrai qu'il vaut mieux commencer par H1.

Cependant pourquoi ne pas utiliser H1 et modifier simplement le CSS associé à la page de manière à l'adapter précisément à la présentation voulue ?

Code

h1 {
font-size: 21px; /* ou autre */
}

Écrit par : titanium 10 Aug 2022, 14:03

Bonjour et merci pour ta réponse.

Je souhaiterai me rapprocher le plus possible de l'aide macOS.

Sur la page d'accueil de l'aide, la taille du titre est plus grande. Sur toutes les autres pages, le titre est plus petit.

Je pourrai éventuellement faire une feuille de style spécifique à la page d'accueil...

Écrit par : Philippe64 10 Aug 2022, 14:16

oui tout à fait, ou plus simplement ajouter une classe spécifique au h1 de la page d'accueil. Sans forcément créer une feuille de style spécifique pour l'accueil.

Par exemple pour l'accueil :

Code

<h1 class="home">Titre</h1>

et pour les fiches :

Code

<h1>Titre Fiche</h1>

et le CSS :

Code

h1 {
font-size : 21px;
}

h1.home {
font-size : 28px;
}

Écrit par : titanium 10 Aug 2022, 14:18

Super !!

Je vais faire une classe spécifique. Merci beaucoup pour ton aide !!

Écrit par : scoch 11 Aug 2022, 11:19

Effectivement, avec CSS tu peux donner l'apparence que tu veux aux différents niveaux de titres.
Logiquement, un document a toujours un titre principal, un h1 donc.
L'important pour la sémantique est de ne pas sauter de niveaux de titres : un h4 est un sous-titre d'un h3 et pas d'un h2. Cela garantit aussi une bonne accessibilité, les lecteurs d'écran utilisent la structure sémantique pour décrire le contenu et permettre de naviguer en son sein. Dans le cas d'une documentation, c'est plus l'accessibilité que l'optimisation SEO qui importe.

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)