2011-01-07 1 views
3

S'il vous plaît jeter un oeil à cet exemple - alt textEst-ce une bonne utilisation de HTML5?

Je sais que je suis en utilisant correctement l'footer/nav mais le <side> et <section> est un peu déroutant. Le <figure> sera juste un énorme logo. A côté de cela sera le contenu principal. Est-ce que <aside> serait une utilisation appropriée? Ce n'est pas le contenu latéral comme une barre latérale, c'est pourquoi je demande.

Egalement les <section> seraient des colonnes pour le contenu, est-ce exact?

Répondre

3

<aside> - contenu qui est considéré comme distinct du contenu principal de la page

Vous pouvez mettre le contenu principal à l'intérieur d'un élément <article>.

<figure> - pour des diagrammes, des illustrations, des photos et des exemples de code

Depuis un logo n'est pas une unité autonome, je ne voudrais pas utiliser l'élément de la figure. Considérez juste de définir cette image comme fond de page ou quelque chose - c'est juste une image, donc il n'y a pas besoin de beaucoup de balisage ici.

<article> - 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, d'un widget interactif ou gadget, ou tout autre élément de contenu indépendant
Source: http://html5doctor.com/the-article-element/

+0

Je pensais que l'article serait utilisé pour les longs paragraphes. – nowayyy

+0

@Trippy J'ai mis à jour ma réponse. Par exemple, sur cette page, l'élément ARTICLE pourrait être utilisé pour envelopper votre question - y compris le titre, les réponses, les commentaires, ... –

+0

Merci. Après avoir lu HTML5doctor et le W3C il est logique maintenant. – nowayyy

4

HTML donne tout d'abord ce qui signifie au contenu. L'élément <aside> est pour "sort of but not really related content." Vous ne devriez pas mettre votre contenu principal dedans. Un élément <div> ou <article> devrait faire l'affaire. Placez-le sur le côté en utilisant CSS.

+0

article serait vraiment approprié de mettre en? – nowayyy

+0

@Trippy Possiblement. Je vous suggère de lire [la spécification et les exemples] (http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html) pour trouver la bonne structure. En cas de doute, gardez les choses simples. – deceze

Questions connexes