IPB

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> Balises Hn, Balise h2 sans balise h1
Options
titanium
posté 10 Aug 2022, 12:45
Message #1


Macbidouilleur d'argent !
***

Groupe : Membres
Messages : 800
Inscrit : 11 Jun 2002
Lieu : ~/Desktop
Membre no 2 675



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. wink.gif

Merci.


--------------------
===============
Titanium Software
===============
Go to the top of the page
 
+Quote Post
Philippe64
posté 10 Aug 2022, 13:54
Message #2


Adepte de Macbidouille
*

Groupe : Membres
Messages : 256
Inscrit : 31 Aug 2002
Lieu : Saint-Jean-de-Luz
Membre no 3 355



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 */
}


--------------------
En activité : Macbook pro 15" Core I7 à 2.8Ghz de 2015 - Macbook pro 13" Core I5 à 2.5Ghz - Macbook pro 15" Core duo de 2006 qui marche toujours hyper bien - iPhone 6s - iPad - iPad Mini
En Panne : Imac 27 Pouces Core I7 à 3.4Ghz - mid 2011 (je cherche un écran)
A la retraite : Imac C2D 24 Pouces (blanc) à 2.33 Ghz - iBook14" 800 Mhz - Quicksilver 733 - G3 bleu et blanc - Macintosh Classic - iPhone 3G - iPhone 4s

Crea64 : creation de site internet à Saint-Jean-de-Luz (64)
Go to the top of the page
 
+Quote Post
titanium
posté 10 Aug 2022, 14:03
Message #3


Macbidouilleur d'argent !
***

Groupe : Membres
Messages : 800
Inscrit : 11 Jun 2002
Lieu : ~/Desktop
Membre no 2 675



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


Fichier joint  Capture_d_____cran_2022_08_10____08.04.18.png ( 681.01 Ko ) Nombre de téléchargements : 9
Fichier joint  Capture_d_____cran_2022_08_10____14.08.43.png ( 501.04 Ko ) Nombre de téléchargements : 8


--------------------
===============
Titanium Software
===============
Go to the top of the page
 
+Quote Post
Philippe64
posté 10 Aug 2022, 14:16
Message #4


Adepte de Macbidouille
*

Groupe : Membres
Messages : 256
Inscrit : 31 Aug 2002
Lieu : Saint-Jean-de-Luz
Membre no 3 355



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;
}


--------------------
En activité : Macbook pro 15" Core I7 à 2.8Ghz de 2015 - Macbook pro 13" Core I5 à 2.5Ghz - Macbook pro 15" Core duo de 2006 qui marche toujours hyper bien - iPhone 6s - iPad - iPad Mini
En Panne : Imac 27 Pouces Core I7 à 3.4Ghz - mid 2011 (je cherche un écran)
A la retraite : Imac C2D 24 Pouces (blanc) à 2.33 Ghz - iBook14" 800 Mhz - Quicksilver 733 - G3 bleu et blanc - Macintosh Classic - iPhone 3G - iPhone 4s

Crea64 : creation de site internet à Saint-Jean-de-Luz (64)
Go to the top of the page
 
+Quote Post
titanium
posté 10 Aug 2022, 14:18
Message #5


Macbidouilleur d'argent !
***

Groupe : Membres
Messages : 800
Inscrit : 11 Jun 2002
Lieu : ~/Desktop
Membre no 2 675



Super !!

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


--------------------
===============
Titanium Software
===============
Go to the top of the page
 
+Quote Post
scoch
posté 11 Aug 2022, 11:19
Message #6


Macbidouilleur d'Or !
*****

Groupe : Membres
Messages : 4 715
Inscrit : 1 Jul 2010
Membre no 156 073



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.


--------------------
L'homme n'est que poussière... c'est dire l'importance du plumeau ! Alexandre Vialatte
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



Nous sommes le : 30th September 2022 - 01:36