41Mag - Nouvelles balises et nouveaux éléments en HTML5

Nouvelles balises et nouveaux éléments en HTML5

Internet a beaucoup changé depuis la sortie du HTML 4.01 en 1999. Aujourd’hui, de nombreux éléments et balises provenant du HTML 4.01 sont obsolètes, très rarement utilisé ou pire, mal utilisé. Pour la plupart d’entre eux, ces éléments et balises ont été ré-écris en HTML5.

Pour une utilisation d’internet plus simple et plus riche, le HTML5 a inclus de nouveaux éléments, de nouvelles balises pour améliorer la structure de vos documents, dessiner, ajouter des médias …

Tutoriel : Apprendre le HTML5

Cet article est un chapitre du Tutoriel complet sur le HTML5
Découvrez toute la puissance du HTML5, des exemples concrets, des démonstrations. L'ensemble du cours est composé de chapitres concis et compréhensibles par tous, quelque soit votre niveau.

html5

I. Une nouvelle sémantique

Le HTML5 offre de nouvelles balises pour améliorer la hiérarchisation et la structuration de votre document.

BaliseDescription
<article>Définit un contenu autonome et indépendant.
<aside>Définit un contenu « mis à part » dans un contenu du document
<bdi> Isolé une partie du texte qui peut être formaté dans une direction différente du texte dont il est exclu.
<command>Définit un bouton de commande que l’utilisateur peut appeler
<details>Définit les détails supplémentaires que l’utilisateur peut afficher ou masquer
<summary>Définit un élément visible pour un élément <details>
<figure>Spécifie un contenu autonome, comme des illustrations, des diagrammes, des photos, des listes de codes, etc
<figcaption>Définit une légende pour un élément <figure>
<footer>Définit le pied de page d’un document ou d’un article
<header>Définit une introduction, une en-tête ou un groupe d’éléments de navigation pour un document
<hgroup>Regroupe un ensemble d’éléments à <h1> <h6> quand une rubrique a plusieurs niveaux
<mark>Passé un coup de marquer sur vote texte – mise en évidence
<meter>Définit une mesure scalaire dans une gamme connue (une jauge)
<nav>Définit un menú, des liens de navigation
<progress>Représente l’état d’avancement d’une tâche
<ruby>Définit une annotation ruby ​​(pour la typographie d’Asie orientale)
<rt>Définit une explication / prononciation des caractères (pour la typographie d’Asie orientale)
<rp>Définit un texte d’erreur pour les navigateurs ne supportant pas la annotations Ruby
<section>Définit une section dans un document
<time>Définit une date / un horaire
<wbr>Définit un saut de ligne possible

II. Les nouveaux élément de formulaire

BaliseDescription
<datalist>Spécifie une liste de pré-définis pour les options des contrôles d’entrée
<keygen>Définit un champ générateur de clés (pour les formulaires)
<output>Définit le résultat d’une opération

III. Les nouveaux éléments pour les médias

BaliseDescription
<audio>Définit un contenu audio – En savoir plus sur la lecture d’un fichier audio
<video>Définit une vidéo ou un film
<source>Définit de multiples ressources pour les médias <video> et <audio>
<embed>Définit un conteneur pour une application externe ou un contenu interactif (un plug-in)
<track>Définit des pistes de texte pour les médias <video> et <audio>

VI. La balise <canvas>

BaliseDescription
<canvas>Utilisé pour dessiner des graphiques, des dessins, à la volée, via des scripts (habituellement en JavaScript)

V. Les éléments supprimés ou déprécier en HTML5

La liste des balises suivantes appartenant au HTML 4.01 à été retiré du HTML5.

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>
  • <u>

Article du même thême : ..

Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.