LISTE DES BALISES EN HTML5

LISTE DES BALISES EN HTML5

AIDE-M?MOIRE HTML&CSS

multiforme.eu

DEFINITION DES BALISES

BALISE DESCRIPTION

Pour un commentaire

L'inclusion du DOCTYPE dans un document HTML assure que le navigateur interpr?tera le HTML

selon les sp?cifications dont le doctype se rapporte. En HTML5 le doctype ? d?clarer est : .

Utilis?e pour les hyperliens. Attention : l'attribut name n'existe plus pour les liens.

Pour une abr?viation. Son attribut ?title? ne doit ?tre utilis? que pour l'extension de l'abr?viation et rien d'autre.

G?n?ralement utilis?e dans le conteneur , cette balise est utilis?e ? la place de la balise ,

les informations n?cessaires pour contacter la ou les personnes auteurs du document cit?.

D?finie une zone ou plusieurs zones pour une carte image. Cette balise s'utilise toujours avec la balise .

Nouveau ! Utilis?e pour du contenu ayant son propre sens ind?pendamment du reste des autres ?l?ments de la

page, ce contenu est distribuable et r?utilisable. Cela peut-?tre un billet de forum, un article de journal, un gadget, un commentaire

d'utilisateur... La balise peut avoir son propre header et footer. Confusion possible avec la balise qui regroupe des

?l?ments de th?matique identique.

Nouveau ! Balise de structure, elle permet de regrouper des informations non essentielles

et qui ?chappent au flux naturel du document.

Nouveau ! Pour un fichier audio.

Utilis?e dans un paragraphe pour une partie de texte en gras, s?mantiquement faible,

on lui pr?f?rera la balise pour donner de l'importance au texte.

A d?clarer qu'une fois par page HTML, cette balise permet de d?finir l'URL par d?faut pour toutes les URL

Pour une longue citation. Confusion possible avec la balise .

Partie principale du document HTML.

Utilis?e dans un paragraphe, cette balise permet de cr?er un saut de ligne.

Pour un bouton. il peut ?tre utilis? comme commande.

Nouveau ! Pour d?finir un graphique.

Pour le titre d'un tableau.

Utilis?e pour le titre d'une oeuvre, d'un document ou d'un ?v?nement.

Cette balise peut-?tre peut-?tre utilis?e conjointement avec la balise pour citer l'auteur de la citation.

MEMO I 2

DEFINITION DES BALISES

Pour d?clarer du code informatique, on peut l'utiliser ? l'int?rieur de la balise pour du texte pr? format?. On

recommande d'utiliser une class avec le nom du langage informatique cit? dans cette balise.

Utilis?e pour cr?er des colonnes dans un tableau.

Utilis?e pour cr?er des groupes de colonnes dans un tableau.

Nouveau ! Cette balise est utilis?e comme un bouton, un radiobutton, ou un checkbox. Elle ne peut ?tre visible qu'?

l'int?rieur de la balise , dans le cas contraire, elle ne sera pas visible et utilis?e comme raccourcis clavier. Attention, l'attribut

?title? ? une valeur s?mantique diff?rente pour cette balise.

Nouveau ! Pour une liste d?roulante.

Pour la description d'une d?finition, s'utilise avec la balise .

Utilis?e pour indiquer qu'une partie de texte est supprim?e, mais conserv?e pour en garder la trace, on la stylisera

en CSS. On peut utiliser cette balise conjointement avec la balise pour indiquer le nouveau texte qui est ? prendre en compte.

Nouveau ! Pour apporter des d?tails sur Widget, il peut ?tre utilis? pour cacher/afficher des informations

compl?mentaires. Il peut ?tre le conteneur de la balise . NOTE : Les validateurs demandent de ne pas utiliser cette balise

car encore trop peu impl?ment?e dans les navigateurs.

Repr?sente le terme d'une d?finition, on l'utilise dans un paragraphe ou une liste de d?finitions. On peut utiliser cette

balise conjointement avec . Dans la m?me section, il est possible de cr?er un lien pointant sur cette d?finition, utilise pour la

cr?ation d'infobulle par exemple.

Balise sans valeur s?mantique r?elle, elle sert surtout de conteneur pour une mise en forme en CSS. Cette balise doit

utilis?e en dernier recours, lorsqu'aucune autre balise ne peut convenir.

Pour une liste de d?finitions.

Pour d?clarer une d?finition, s'utilise avec la balise .

Utilis?e dans un paragraphe pour mettre une partie de texte en emphase.

Nouveau ! Utilis?e pour du contenu externe et interactif ou pour un plug-in.

Pour regrouper des ?l?ments d'un formulaire.

Nouveau ! Utilis?e dans le conteneur , avant ou apr?s le contenu, cette balise permet d'?crire une l?gende

ou une description.

Nouveau ! Utilis?e pour regrouper un ou plusieurs m?dias ( illustrations, diagrammes, exemples de code, photos...)

attach?s au document sans pour autant en suivre le flux. Les images s'y trouvant n'ont pas obligation d'?tre ins?r? dans une balise

et dans le cas d'une liste d'images, on peut omettre les listes ? puce. On utilisera la balise figcaption pour d?crire les m?dias utilis?s.

MEMO I 3

DEFINITION DES BALISES

Nouveau ! Regroupe des informations de bas de page dans une section ou un article. Cette balise permet d'ajouter

des liens de navigation sans utilisation de la balise .

Pour un formulaire.

?

Utilis?es pour la hi?rarchisation des titres.

Pour les informations d'en t?te du document HTML.

Nouveau ! Pour l'ent?te d'une section ou d'une page.

Nouveau ! Regroupe des titres de niveau Hn dans la balise

Permet de cr?er une ligne de s?paration.

D?claration du document HTML. On lui rajoutera l'attribut lang pour d?clarer la langue utilis?e.

Red?finie ! Utilis?e dans un paragraphe pour indiquer qu'une partie du texte est diff?rent du reste. Il ne faut pas

utiliser cette balise lorsque , ,,,, ou peuvent ?tre utilis?es. Confusion possible, en HTML5, cette

balise ne sert pas uniquement ? mettre un texte en italique.

Pour cr?er une sous-fen?tre.

Pour d?clarer une image.

Pour un champ de texte.

Pour ins?rer un nouveau texte dans un document r?vis?.

On peut utiliser cette balise avec qui permet d'indiquer qu'une portion de texte n'est plus valable.

Nouveau ! L'?l?ment keygen repr?sente un contr?le de g?n?rateur de cl? stock?e dans ?keystore local?.

Lorsque le texte est utilis? pour d?finir des actions au clavier.

?tiquette utilis?e comme titre d'une commande.

Titre du fieldset auquel il se rapporte.

Item d'une liste ordonn?e ou ? puce.

Permet de lier une ressource externe ? la page HTML.

Utilis?e pour cr?er une carte d'image avec des zones r?actives. L'attribut ?name? est obligatoirement requis.

Nouveau ! Pour marquer du texte, par exemple surligner un r?sultat de recherche.

On stylisera cette balise en CSS.

Pour une liste de commande. Confusion possible avec la balise .

Permet d'ajouter des m?tas ? la page HTML.

MEMO I 4

DEFINITION DES BALISES

Nouveau ! Pour measurement within a predefined range.

Nouveau ! Pour regrouper des liens qu'ils soient internes ? la page en cours ou pour d'autres pages li?es, utiliser

cette balise de fa?on syst?matique lui ferait perdre sa valeur s?mantique, ainsi, dans le footer d'un article, on utilisera la balise pour

lister des liens puisque la balise le permet. Il est recommand?, mais non obligatoire d'utiliser les listes ? puce pour lister les liens.

Utilis?e pour indiquer un message dans le cas o? JavaScript serait d?sactiv?.

Pour d?clarer un objet.

Utilis? pour les listes ordonn?es.

Pour grouper des informations dans une liste d?roulante.

Pour d?clarer un item dans une liste d?roulante. Peut-?tre utilis? comme ?commands?.

Nouveau ! Repr?sente le r?sultat d'un calcul.

D?finis un paragraphe contenant une ou plusieurs phrases.

Pour param?trer un objet.

Ecrire un texte pr?format?. L'utilisation de la balise n'est pas obligatoire.

Peut-?tre lui m?me le conteneur de la balise .

Nouveau ! Pour une barre de progression.

Utilis?e pour une citation courte provenant d'une ressource externe. Si l'on connait l'URL de la source de la citation,

on pourra l'indiquer gr?ce ? l'attribut cite. Dans tous les autres cas, on utilise les guillemets sans balise sp?cifique. On peut aussi utiliser

la balise pour citer un auteur. Confusion possible avec la balise .

Red?finie ! Utilis?e pour identifier une partie de texte qui n'est pas correct ou non pertinent.

Confusion possible avec la balise qui permet d'indiquer qu'un texte doit ?tre remplac? ou supprim?.

Utilis?e dans un paragraphe pour ?crire un ?chantillon de code. Confusion possible avec la balise .

Pour ajouter un script internet ou externe.

Nouveau ! Utilis?e pour regrouper des ?l?ments diff?rents, mais partageant la m?me th?matique Cette balise est le

plus souvent utilis? avec un header. Confusion possible avec la balise dont tout le contenu doit avoir un sens propre. Confustion

possible avec la balise qui ne sert qu'? mettre en style un groupe d'?l?ments.

Pour une liste d?roulante.

Pour mettre une partie de texte en minimisation.

Nouveau ! Utilis?e dans les balises et pour indiquer l'url et le type des m?dias.

MEMO I 5

 ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download