HTML 5 Nouveaux éléments

L'Internet a beaucoup évolué depuis que HTML 4.01 est devenu un standard en 1999.
Aujourd'hui, certains éléments en HTML 4.01 sont obsolètes, jamais utilisés ou non utilisés de la manière pour laquelle il était censées créer.
Ces éléments sont supprimés ou réécrit en HTML5.
Aujourd’hui pour mieux gérer l’utilisation d’Internet, HTML5 introduit de nouveaux éléments pour mieux structurer et fournir une meilleure manipulation de forme, dessin et contenu multimédia.

Nouveaux éléments sémantiques ou de structure

HTML5 cours tutorial

HTML5 propose de nouveaux éléments pour mieux structurer le document html:

Balise

Description

<article>

Définit un article

<aside>

Définit le contenu mis à part le contenu de la page

<bdi>

Isole une partie du texte qui peut être mis dans une direction différente du reste du texte

<command>

Définit un bouton de commande qu'un utilisateur peut invoquer

<details>

Définit des détails supplémentaires que l'utilisateur peut afficher ou masquer

<summary>

Définit un titre visible d'un élément <details>

<figure>

Spécifie le contenu autonome, comme les illustrations, schémas, photos, listes de codes, etc..

<figcaption>

Définit une légende pour un élément de <figure>

<footer>

Définit un pied de page d'un document ou une section

<header>

Définit l'en-tête d'un document ou section

<hgroup>

Regroupe un ensemble de <h1> à <h6> des éléments lorsqu'un titre a plusieurs niveaux

<mark>

Définit le texte marqué/en surbrillance

<meter>

Définit une mesure scalaire dans une aire de répartition connue (un indicateur)

<nav>

Définit les liens de navigation

<progress>

Représente la progression d'une tâche

<ruby>

Définit une annotation ruby (pour la typographie asiatique)

<rt>

Définit une explication/prononciation des caractères (pour la typographie asiatique)

<rp>

Définit ce qu'il faut afficher dans les navigateurs qui ne prennent pas en charge les annotations Rubys

<section>

Définit une section dans un document

<time>

Définit une date/heure

<wbr>

Définit un saut de ligne possible


Nouveaux éléments multimédias

HTML5 propose de nouveaux éléments pour le contenu multimédia :

Balise

Description

<audio>

Définit le contenu sonore

<video>

Définit une vidéo ou un film

<source>

Définit plusieurs ressources médiatiques pour <video> et <audio>

<embed>

Définit un conteneur pour une application externe ou un contenu interactif (un plug-in)

<track>

Définit le texte des titres pour <video> et <audio>


L'élément nouveau <canvas>

Balise

Description

<canvas>

Utilisé pour dessiner des graphiques, à la volée, via script (habituellement en JavaScript)


Nouveaux éléments de formulaire

HTML5 propose de nouveaux éléments de formulaire, pour davantage de fonctionnalités :

Balise

Description

<datalist>

Spécifie une liste d'options prédéfinies pour les contrôles d'entrée

<keygen>

Définit un champ Générateur de paire de clés (pour les formulaires)

<output>

Définit le résultat d'un calcul


Éléments supprimés

Les éléments HTML 4.01 suivants sont retirés dans HTML5 :

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>
Par carabde 10 juin 2014

chapitre précédent

sommaire

chapitre suivant