Comment utiliser l'élément meta en HTML5

HTML méta

Sommaire

éléments fournissent des informations sur un document HTML. Une page Web peut avoir plusieurs éléments meta, ou très peu (et parfois pas du tout). Lorsqu'ils sont présents, ils doivent toujours figurer dans le document tête. Cet article explique quelques-unes des utilisations de la méta élément.

méta format et les attributs

Voici un échantillon méta élément:

Notez que le méta élément est vide, et n'a pas de balise de fermeture. En HTML5, il n'y a pas besoin de fermer méta. Ceci est un moyen par lequel l'HTML5 méta tag est plus simple que la balise meta XHTML.

Les quatre attributs définis pour méta sont

  • nom. Lorsqu'il est présent, le nom attribut donne un nom pour les métadonnées.

  • http-equiv. Utilisé pour lier des valeurs à l'en-tête HTTP d'un document quand il est servi à partir d'un serveur Web.

  • contenu. Contient la valeur associée à la http-equiv ou nom attribuer.




  • charset. Définit le jeu de caractères utilisés dans le document.

méta noms défini par HTML5

La spécification HTML5 mentionne plusieurs valeurs possibles pour le nom attribuer. Ceux-ci sont

  • demande-nom. Indique le nom de l'application Web que le document représente. Par exemple, si vous avez créé une application web appelé "Taco-matic», vous pouvez utiliser la demande-nom attribuer dans les pages de cette application comme ceci:

  • auteur. Donne le nom de l'un des auteurs du document. Si le document comporte plusieurs auteurs, le document peut avoir plusieurs auteur éléments meta.

  • description. Décrit le contenu du document. Vous pouvez mettre ce que vous voulez dans la description élément meta, mais il ne peut y avoir qu'un seul de ces éléments par document.

  • générateur. Si le document est créé en utilisant une sorte de logiciels page HTML-création (comme Dreamweaver ou Aptana Studio), le générateur identifie élément META dont l'un a été utilisé.

  • mots-clés. Contient une liste de termes relatifs à la page en cours séparées par des virgules.

En plus de cela nom les valeurs, il est également possible pour toute personne qui a un besoin de proposer et d'enregistrer leur propre nom des valeurs.

La charset méta élément

Peut-être la plus courante méta attribut d'élément est charset. Introduit avec HTML5, charset fournit un moyen rapide et facile de spécifier au navigateur ce codage de caractères a été utilisé à l'auteur d'une page. Vous devez toujours inclure une charset méta tag dans chaque document HTML5 vous écrivez. Voici à quoi il ressemble:

Les codages de caractères définissent les correspondances entre les caractères affichés sur l'écran et les bits qui sont stockés sur l'ordinateur. Codages de caractères différents existent pour différents alphabets et langues (chinois, japonais, russe, et en anglais par exemple) et d'autres codages de caractères sont plus universels.

Le codage de caractères le plus commun est connu comme UTF-8, qui peut coder plus de 1 million de caractères différents.

Utilisation meta http-equiv éléments

Vous pouvez utiliser le meta http-equiv élément pour envoyer des informations au serveur sur la façon dont une page web doit être servi. Dans les versions de HTML qui a précédé HTML5, l'utilisation la plus courante pour http-equiv était de spécifier l'encodage de caractères pour un document. Parce que cette a été remplacé par le charset attribuer, http-equiv est moins couramment utilisées (et rencontré) en HTML5.

Néanmoins, il ya quelques choses que vous pouvez faire avec http-equiv. La plus commune est la rafraîchissement valeur, qui indique au navigateur de recharger la page après un nombre spécifié de secondes.

Vous pouvez également utiliser http-equiv ="rafraîchissement" pour rediriger un utilisateur vers une autre URL après un certain nombre de secondes est écoulé. Par exemple, la balise suivante, le navigateur d'attendre 30 secondes après que la page contenant il charge, puis à charger http://example.com:

Pour plus d'informations sur l'élément méta en HTML5, aller à w3schools.com.


» » » » Comment utiliser l'élément meta en HTML5