HTML5 <section>'s à l'intérieur <article> et en-tête

Je suis en train de faire une sémantique code HTML5 et vous ne savez pas si il sera à droite.
Visuellement j'ai un article/post divisé en 3 colonnes:

IMAGE (200px) | H1+ Résumé + Lien Plus (350px) | Section Supplémentaire avec 2 têtes H2 (150px)

En CSS je vais float:left - figure .post-sommaire .post-côté.

Ici est Ver.1:

<article>
        <figure>
        <a href="#"><img src="images/temp/entry_01.jpg" alt=""></a>
        <figcaption>Title for Case Study</figcaption>
        </figure>

        <div class="post-summary">          
            <section>
                <h1>MAIN Article Title</h1>
                <p>Lorem ipsum...</p>
                <a href="#">read more</a>
            </section>              
        </div>

        <div class="post-aside">
            <section>
                <h2>The Charges:</h2>
                <p>Lorem ipsum...</p>
            </section>

            <section>
                <h2>The Verdict:</h2>
                <p>Lorem ipsum...</p>
            </section>
        </div>
</article>

Ver. 2

<article>
        <figure>
        <a href="#"><img src="images/temp/entry_01.jpg" alt=""></a>
        <figcaption>Title for Case Study</figcaption>
        </figure>

        <section class="post-summary">
            <h1>MAIN Article Title</h1>
            <p>Lorem ipsum...</p>
            <a href="#">read more</a>
        </section>                          

        <section class="post-aside">
            <h2>The Charges:</h2>
            <p>Lorem ipsum text ...</p>

            <h2>The Verdict:</h2>
            <p>Lorem ipsum text...</p>
        </section>

</article>

Laquelle est la bonne?

InformationsquelleAutor SerNeo | 2012-05-10
  1. 5

    Dépend de ce que vous voulez..

    div — le "générique de flux de conteneurs" nous le savons tous et l'amour. C'est un
    au niveau du bloc de l'élément avec aucune autre signification sémantique.

    section "document générique ou de l'application de la section". Une section
    normalement, il a un titre (title) et peut-être un pied de trop. C'est un morceau de
    le contenu connexe, comme un paragraphe d'un long article, une partie importante de
    la page (par exemple la section "news" sur la page d'accueil), ou d'une page dans un
    webapp de l'interface à onglets.

    http://boblet.tumblr.com/post/130610820/html5-structure1
    Lien vers l'article

    Je voudrais l'utiliser de cette façon (votre v2):

    <div> <!-- Main article div -->
    <article> <!-- First article -->
        <section><!-- Header, about the author... --></section> 
        <section><!-- related info .. --></section> 
        <section><!-- conclusion --></section> 
    </article>

    <article>
        <section></section>
        <section></section>
        <section></section>
    </article>
</div>
    • merci, je croyais que <h1> doit être de premier niveau dans les DOM de <article> être le plus important de l'en-Tête de cet article
    • C'est juste un mocup. Ne vois pas de question sur la pertinence de balises d'en-tête.
    • 🙂 bc je voulais vous demander, mais j'ai oublié. Sry
    • En HTML il y a un proverbe qui dit que l'ordre ne doit JAMAIS être ignorée. <h1></h1> <h2></h2> <h3></h3>. Mais en HTML5, le premier élément d'en-tête est défini comme la tête d'article. Indépendamment de l'en-tête de niveau.
    • en HTML4, je le savais, mais en html5 n'a pas. Merci pour l'aide
    • Je voudrais utiliser une balise d'en-tête au lieu d'un pour la section d'en-tête, à propos de l'auteur de la partie.
    • L'en-tête passe à l'intérieur de la section de la balise.

    InformationsquelleAutor hogni89
  2. -16

    Qui n'est pas juste... deux d'entre eux, et la réponse aussi... de NE PAS UTILISER des DIV ! SECTION SUR L'UTILISATION DE LA PLACE !

    • Pourquoi ne pas utiliser des div? Tous les composants de l'HTML est autorisé. C'est au développeur de figure, ce composant est correcte à utiliser. Vous pouvez créer une liste avec l'aide de la liste de l'attribut, Mais vous devez utiliser la liste si vous le pouvez. C'est la même chose avec les divisions, sections et articles.
    InformationsquelleAutor Matias