Le Robot HTML5

Laissez le choisir un tag pour vous !

En
Follow me on twitter
Fr
Hmm... Encore une question.
Voici un conseil...
Voyons voir...

HTML5 Robot

Laissez HTML5Bot choisir le tag sémantique approprié pour votre élément HTML.

Démarrer !

Votre élément est il un élément primordial de navigation ?

Un menu, un sous menu, une barre de navigation...

OuiNon

〈nav〉

Utilisez <nav> pour tout élément qui représente la navigation dans la page ou dans le site.

RecommencerOr change your answer to No

Est-ce un contenu à part entière ?

Cet élément fait-il sens par lui même, hors de son contexte ? Peut-il être présenté seul sur une page ? Sa présence fait-elle sens dans un flux RSS, par exemple ?

OuiNon

〈article〉

Utilisez le tag <article>. Comme un article de News, un post de forum, un commentaire, un widget de barre latérale. Pensez article ou sens produit. Un article vestimentaire par exemple.

RecommencerOr change your answer to No

Cet élément est-il requis pour comprendre le contexte, la page ?

Est-il accessoire, peut-il être enlevé de la page sans que celle-ci soit incompréhensible ?

OuiNon

〈aside〉

Tous ce qui est du domaine de la bare latérale, des commentaires, des glossaires, des publicités, devrait se voir attribuer le tag <aside>.

RecommencerOr change your answer to Yes

Peut-on déplacer cet élément en appendice ?

Peut-on le lister dans une annexe, comme une référence, à coté ou à la suite du présent document ?

OuiNon

〈figure〉

Une image, un ensemble d'images, un graphique... Cet élément est aussi le parent du tag <figcaption> , utilisé pour la légende.

RecommencerOr change your answer to No

Cet élément requiert-il un titre ?

Est-ce logique qu'il faille ajouter un titre à votre élément ?

OuiNon

〈section〉

S'il a un titre mais que ce n'est pas un <article>, alors ce devrait être une <section>. Il y a possiblement plusieurs sections par article.

RecommencerOr change your answer to No

Cet élément est il sémantique, ou pas du tout ?

Cet élément représente-t-il quelque chose, ou est-il là seulement pour construire la structure de la page ?

OuiNon

〈p〉

Probablement un paragraphe. Ou un autre élément approprié comme <address>, <blockquote>, <pre>...

RecommencerOr change your answer to No

〈div〉

Signifie "division de page". Le bloc par défaut. Il ne contient aucune sémantique.

Recommencer