nouveaux éléments HTML5

nouveaux éléments dans HTML5

Les nouveaux éléments de HTML5 répertoriés ci-dessous, ainsi que leur description.

nouveaux éléments sémantiques/structuraux

Les nouveaux éléments fournis par HTML5 peuvent construire une structure de document meilleure :

Balise Description
<article> définir un article dans le document.
<aside> définir le contenu en dehors du contenu de la page.
<bdi> définir la direction du texte différente des autres textes.
<details> définir des détails supplémentaires visibles ou cachés par l'utilisateur.
<dialog> définir la boîte de dialogue ou la fenêtre.
<figcaption> définir le titre de l'élément <figure>.
<figure> définir un contenu inclusif, comme des illustrations, des graphiques, des photos, des listes de codes, etc.
<footer> définir le pied de page du document ou de la section.
<header> définir l'en-tête du document ou de la section.
<main> définir le contenu principal du document.
<mark> définir le contenu important ou mis en avant.
<menuitem> définir les commandes/menus de projets appelés à partir du menu contextuel.
<meter> définir les mesures scalaires dans une gamme connue (échelle).
<nav> définir les liens de navigation dans le document.
<progress> définir le progrès de la tâche.
<rp> définir ce qui est affiché dans les navigateurs qui ne prennent pas en charge les commentaires ruby.
<rt> définir l'interprétation ou l'prononciation des caractères (utilisés pour les polices de caractères de l'Est et du Sud-Est).
<ruby> définir les commentaires ruby (utilisés pour les polices de caractères de l'Est et du Sud-Est).
<section> définir la section dans le document.
<summary> définir le titre visible de l'élément <details>.
<time> définir la date/heure.
<wbr> définir les points de fracture possibles (line-break).

En savoir plus sur sémantique HTML5.

nouveaux éléments de formulaire

Balise Description
<datalist> définir les options prédéfinies du contrôle d'entrée.
<keygen> définir le champ générateur de paires de clés (utilisé pour les formulaires).
<output> définir le résultat du calcul.

En savoir plus sur Éléments de formulaires HTMLnouveaux éléments anciens et nouveaux de Chinese.

nouveau type d'entrée

nouveau type d'entrée nouvel attribut d'entrée
  • couleur
  • date
  • datetime
  • datetime-local
  • email
  • mois
  • nombre
  • échelle
  • recherche
  • téléphone
  • heure
  • url
  • semaine
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • largeur et hauteur
  • list
  • min et max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Apprendre Types d'entrée HTMLtous les nouveaux et anciens types d'entrée.

Apprendre Attributs d'entrée HTMLtous les attributs d'entrée.

Nouvelle syntaxe des attributs HTML5

HTML5 permet quatre syntaxes d'attributs différentes.

Cet exemple montre les différentes syntaxes utilisées dans la balise <input> :

Balise Description
Vide <input type="text" value="Bill Gates" désactivé>
Non coté <input type="text" value=Bill>
Cotation double <input type="text" value="Bill Gates">
Cotation simple <input type="text" value='Bill Gates'>

Dans HTML5, selon les besoins des attributs, l'une de ces quatre syntaxes peut être utilisée.

Image HTML5

Balise Description
<canvas> Définir le dessin d'image en utilisant JavaScript.
<svg> Définir le dessin d'image en utilisant SVG.

En savoir plus sur Canvas HTML5 .

En savoir plus sur HTML5 SVG .

Nouveaux éléments médiatiques

Balise Description
<audio> Définir le contenu audio ou musical.
<embed> Définir le conteneur d'application externe (par exemple, les plugins).
<source> Définir les sources <video> et <audio>.
<track> Définir les pistes <video> et <audio>.
<video> Définir le contenu vidéo ou filmique.

En savoir plus sur Vidéo HTML5.

En savoir plus sur Audio HTML5.