Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
a moins que je me trompe quelque part?
Hors ligne
Si je comprend bien, un h3 ne peut être avant un h2 ?
Exemple, sur un home.html j'ai le titre du blog en h1, un slider en h3 suivit de billets en h2 c'est mauvais ?
Hors ligne
Oui, la structure logique d'un document est bien dans l'ordre des titres : un ou plusieurs h1, contenant chacun un ou plusieurs h2, contenant chacun un ou plusieurs h3, etc.
C'est ce que dit la norme et c'est ce qu'attendent les moteurs pour comprendre la structure de la page ;)
Hors ligne
... dans ton exemple, le slider est un contenu de second niveau, comme les billets, il est enfant du h1, et son titre pourrait être un h2, non ?
Je ne parle pas d'affichage mais bien de structure, rien ne t'empêche ensuite de faire un h2 stylé comme un h3 pour des raisons esthétiques
Hors ligne
oui oui je parle bien de sematyque et non d'esthétisme...
c'est certain qu'un h2 peut être aussi petit qu'un h4 et inversement via .css.
Du coup tout les thèmes qui posséderaient un titre de blog h1 suivit d'un slider avec des titres en h3 puis des billets ensuite en h2...
sympathiquement ils ont faux, ?
et en ce qui concerne mon exemple de Post.html, si mon titre du billet est en h1 qu'en bas de contenu de ce billet jai des Articles suivants ou related en h3 et mes titres de sidebar en h2 c'est bon ?
je prend exemple sur ce thème très connut et très utilisé voir sur cette page http://theme-sphere.com/smart-mag/premi … ble-woman/
le titre du billet est en h1 le titre de RELATED en h3 et le titre de billet RELATED en h2
donc ca c'est pas bon ?
Dernière modification par i_love_dc (2015-03-18 17:51:19)
Hors ligne
Je n'ai pas d'autre réponse que celle que je t'ai apportée, désolé. Regarde par exemple cette page : http://www.alsacreations.com/astuce/lir … itres.html
Hors ligne
La hiérarchie des titres d’une page web doit être :
Logique : elle doit suivre le schéma d’une table des matières comme pour tout document textuel.
Continue : elle doit commencer par un H1 et ne pas comporter de sauts de niveau (un H1 ne peut être directement suivi d’un H3, il doit y avoir au moins un H2 entre les deux).
Hors ligne
Bonjour Philippe... j'essaye d'ajuster la Hiérarchisation en prenant en compte tes remarques.
Pour l'accueil (home)
Titre du blog/site = h1
slider/carousel = h2
Titres des catégories = h2
Articles des dites catégories = h3
Titres dans la sidebar = h2Pour les articles (post) :
Titre du post = h1
En fin de post balise "articles suivants" = h2
titres des articles suivants = h2
Commentaires et Ajoutez un commentaire = h3
Titres dans la sidebar = h2ca semble déjà plus logique, qu'en pense tu ?
Hors ligne
Ça me semble aussi bien mieux
Hors ligne
Pour l'accueil (home) actuellement en :
Titre du blog/site = h1
slider/carousel = h2
Titres des catégories = h2
Articles des dites catégories = h3
Titres dans la sidebar = h2Pense tu que ce soit mieux en :
Titre du blog/site = h1
slider/carousel = h2
Titres des catégories = h2
Articles des dites catégories = h2
Titres dans la sidebar = h2J'ai aussi lu à propos de sémantique html5, les balises <article> et <aside>
<article> = contenu du billet
<aside> = sidebar
je pose la question sans avoir observé ton code (grayscale) les as tu utilisées, si non pense tu le faire?
.
Dernière modification par i_love_dc (2015-03-19 11:06:05)
Hors ligne
Pour l'accueil, si chaque catégorie est un h2, et que juste après on affiche les titres des articles de cette catégorie, il est plus logique que ce soient des h3, donc la première proposition me semble mieux adaptée
(pour le thème Grayscale, tu verras dans le code que j'ai utilisé les balises html5 recommandées comme <header> <section> <footer> <article> et des rôles Aria comme introduits par Ductile et Berlin)
Hors ligne
Je vois que tu a mis :
<section id="content" class="container content-section text-center" role="main">pour renseigner le <section>, comment puis-je faire sur un :
<div id="main" role="main">
<div id="content">... ??? ...
Hors ligne
Je pense que tu devrais regarder du côté de la doc sur la structure minimale d'un document html5 pour comprendre. Tu peux remplacer <div> par <section>, mais ce n'est pas toujours aussi simple.
Le mieux est de partir d'un document existant valide et bien structuré, et d'en faire ensuite un template pour ton dotclear ;)
Hors ligne
enfaite je te demandais ton avis car je n'arrive pas a me décider entre :
<section id="main" role="main">
<div id="content">ou
<div id="main" role="main">
<section id="content">Hors ligne
Parce que tu n'as pas lu la doc :P
<section> a une signification sémantique et indique une partie importante du document, <div> n'en a pas. Ton premier choix semble meilleur, mais c'est le document complet qui doit être hiérarchisé correctement, là avec deux lignes on ne se fait pas vraiment une idée...
Hors ligne
oui oui j'essaye de donner toute une hiérarchie via les balises html5
-<header>
-<section>
-<article> * je suis entrain de regarder ca
-<footer>
-<aside>*sur la sidebar des que j'aurais (j’espère) inclut mes <article> lol
Pour exemple je me base la dessus Nouveaux éléments de section, article, header, footer, aside, nav
Mais j'y vais vraiment au pifomètre vue mon faible niveau de compréhension
Hors ligne
C'est un bon tuto ;) Ensuite tu peux t'inspirer d'un thème html5 existant pour y trouver différentes manières de faire : Ductile, Berlin, Polyvalence, Greyscale, et j'en oublie sans doute.
Hors ligne
Vous n'êtes pas identifié(e).