ou , qui est contenue dans lequel

Question

Essayer d'obtenir ma tête autour des nouveaux éléments sémantiques en HTML5.

Est-ce un <section> appartient à l'intérieur d'un <article> ou est-ce l'inverse? Est-il important même?

Je cherche à restructurer un blog wordpress.

Answer 1

De la HTML5 spec :

  

L'élément section représente un document générique ou la section application. Une section, dans ce contexte, est un regroupement thématique de contenu, généralement avec un en-tête et peut-être un pied de page.

et

  

L'élément article représente une section indépendante d'un document, une page ou d'un site. Cela pourrait être un post sur le forum, un article de magazine ou d'un journal, une entrée de blog, un commentaire soumis par les utilisateurs, ou tout autre élément de contenu indépendant.

Je dirais donc à la fois section et des éléments de article peuvent contenir l'autre élément, le cas échéant. Je pense que votre diagramme est logique, en dehors des éléments de section imbriqués:

  

L'élément de section ne sont pas un élément conteneur générique. Lorsqu'un élément est nécessaire à des fins de style ou de commodité pour les scripts, les auteurs sont invités à utiliser l'élément div au lieu. Une règle générale est que l'élément de section est appropriée que si le contenu de l'élément seraient énumérés explicitement dans les grandes lignes du document.

Peut-être utiliser un <div> pour l'externe?

Answer 2

Dans le W3 page wiki à propos de la structuration de HTML5 , il dit:

  

<section> : Utilisé pour les deux groupes différents articles dans des buts différents ou   sujets, ou pour définir les différentes sections d'un seul article.

Et puis affiche une image que je nettoyais:

Il est également important de savoir comment utiliser la balise <article> (à partir du même lien W3 ci-dessus):

  

<article> est lié à <section>, mais est nettement différent.   Alors que <section> est pour regrouper des sections distinctes de contenu ou   fonctionnalité, <article> est destiné à contenir individuel connexe   morceaux de contenu autonomes, tels que les messages de blog individuels, vidéos,   des images ou des articles de presse. Pensez-y de cette façon - si vous avez un certain nombre de   éléments de contenu, ce qui serait adapté à la lecture de chacun sur leur   propre, et il serait logique de syndicat comme des éléments distincts dans un flux RSS   alimentation, puis <article> est adapté pour les baliser.

     

Dans notre exemple, <section id="main"> contient des entrées de blog. chaque blog   entrée serait approprié pour syndicating comme un élément dans un flux RSS, et   aurait du sens lorsqu'il est lu sur lui-même, hors contexte, donc   <article> est parfait pour eux:

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

  

Simple hein? Sachez cependant que vous pouvez également les sections de imbriquer   des articles, où il est logique de le faire. Par exemple, si chacun   ces messages de blog a une structure cohérente des sections distinctes, puis   vous pouvez mettre des sections à l'intérieur de vos articles ainsi. Il pourrait regarder   quelque chose comme ceci:

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

Answer 3

J'utiliser div pour l'externe, et div pour l'intérieure, sauf si vous avez une rubrique directement dans la section intérieure.

Ta

Rich

Voir http://html5doctor.com/the-section-element/ plus d'informations.

Answer 4

IMOO, il doit être simple, aussi simple que ce que les gens normaux prennent pour acquis. Si un nom simple tag embrouille les gens, il est un échec. Pour moi:

• Un <article> est un article . Les gens partagent des articles. Quand vous dites quelque chose est un article, je vais attendre qu'il devrait avoir un Titre , et peut-être un petit résumé ainsi, donc je peux décider de le lire ou non. S'il est intéressant, je vais partager à mes amis. Il est autonome.

• A <section> est une section . Il est une partie des choses connexes. Fondamentalement, vous aurez besoin d'autres sections pour obtenir toute l'image.

Pourquoi vous mettez un <section> dans la <body> Oh parce qu'il fait partie du corps?; une partie de mon site. Je vais mettre mes articles dans cette partie.

Pourquoi vous mettez un <section> dans un <section>? Parce qu'il fait partie de que section.