5568 sujets

Sémantique web et HTML

[Résolu] Structure HTML5

Bonjour,

Je suis débutant en html5 (et oui je suis de la vielle école...) et je voulais avoir votre avis sur la structure générale de ma page (hors nav, header et footer) :
Je ne suis pas certains de l’imbrication de certains de mes éléments...


<section>
    <h1>titre</h1>
    <p>description</p>
   
    <section>
        <h1>titre</h1>
        <article>
            <h1>titre</h1>
   			<p>description</p>
        </article>
    </section>
    
     <section>
        <h1>titre</h1>
        <article>
            <h1>titre</h1>
   			<p>description</p>
        </article>
    </section>
    
</section>


Merci d'avance !

Christophe.
Bonjour,

Je pense que c'est un oubli, mais attention à tes titres.
Celui qui donne le titre de la section générale est un h1 par exemple.
Les autres qui ne donnent que le titre d'une section de la section général sont des h2 je suppose.
Et ainsi de suite.
Du coup ça donnerai plus : 

<section>
    <h1>titre</h1>
    <p>description</p>
   
    <section>
        <h2>titre</h2>
        <article>
            <h3>titre</h3>
   			<p>description</p>
        </article>
    </section>
    
     <section>
        <h2>titre</h2>
        <article>
            <h3>titre</h3>
   			<p>description</p>
        </article>
    </section>
    
</section>

Modifié par Kikimagik (18 Feb 2014 - 17:00)
Faux
En HTML5, un <section> et un <article> peu contenir un <h1>.
La première structure de servalone91 est très bien.
Bonjour,

Merci pour vos réponses !

Par contre mon service SEO, veut m'imposer l'inverse, je m'explique,

Ils souhaitent cette structure :


<article>
    <h1>titre</h1>
    <p>description</p>
   
    <section>
        <h2>titre</h2>
        <section>
            <h3>titre</h3>
   			<p>description</p>
        </section>
    </section>
    
     <section>
        <h2>titre</h2>
        <section>
            <h3>titre</h3>
   			<p>description</p>
        </section>
    </section>
    
</article>


Pour ma part je pense qu'il vaut mieux <section> puis <article> (plus logique)?

Merci d'avance !

Christophe.
Bonsoir

Un des gros problèmes que nous avons tous eu ave cle passage en html5 et cette multiplicité de sh1 dans une même page.
Alors qu'avant nous avions un seul h1, puis des h2, etc...
Par rapport à la structure d'une page nous pouvons avoir plusieurs h1, mais évidemment au niveau de la présentation ils n'auront pas le même style
Le h1 de la page n'aura pas la même taille du des trois h1 des trois sections de la page ou des trois articles ( le 3 est un exemple).
Une tehnique lorsqu'on écrit sa feuille de style et la "traditionnelle" hierarchie des titres est de céer en même temps une class de titre ressemblant à celui qu'on souhaitait

Par exemple on pourrait avoir <h1 class="h2-like">

et dans le css:

h2, .h2-like {
font-size :1,5 em;
}

J'ai longtemps hésité avant de passer à plusieurs h1 dans la même page...
Cordialement
Sur le principe, le html5 rend possible plusieurs titres h1 sur une même page, en fonction de la découpe des sections et articles. La première structure proposée par Servalone91 est donc bonne EN THEORIE.

DANS LA PRATIQUE, les moteurs de recherche enregistrent les habitudes des sites quant à leur utilisation d'html5 et font des moyennes statistiques de ces habitudes pour la pertinence de leur résultats de recherche.

Il existe donc un écart entre les bonnes pratiques théoriques (html5 ou autre) et la praxis.

En définitive, pour l'utilisation CONCRETE, pour l'instant, perso, je n'utilise qu'un seul h1 par page web.
Merci pour toutes vos réponses je pense que je vais rester sur un seul H1 par page avec une structure HTML5. Selon l'évolution j'aviserais.

Merci à tous !

Christophe.
Sujet clos
Aller à