HTML5 Nouveaux éléments
Depuis 1999, HTML 4.01 a beaucoup changé. Aujourd'hui, plusieurs des HTML 4.01 ont été désapprouvée, et ces éléments ont été supprimés ou redéfinis en HTML5.
Afin de mieux gérer les applications Internet d'aujourd'hui, HTML5 ajoute beaucoup de nouveaux éléments et fonctionnalités, telles que: le rendu graphique, le contenu multimédia, une meilleure structure de page, une meilleure forme de traitement, et plusieurs api glisser-déposer des éléments, le positionnement, y compris l'application Web la mise en cache, le stockage, travailleur web, et ainsi de suite.
Les nouveaux éléments HTML5
Voici une liste des nouveaux éléments HTML5, et une description de ce qu'ils sont utilisés pour.
Nouvelle sémantique / éléments structurels
HTML5 offre de nouveaux éléments pour une meilleure structure de document:
| Marque | La description |
|---|---|
| <article> | Définit un article paru dans le document |
| <aside> | Définit le contenu en dehors de contenu de la page |
| <bdi> | Définit une partie de texte qui pourrait être mis en forme dans une direction différente de tout autre texte |
| <details> | Définit les détails supplémentaires que l'utilisateur peut afficher ou masquer |
| <dialog> | Définit une boîte de dialogue ou d'une fenêtre |
| <figcaption> | Définit une légende pour une <figure> élément |
| <figure> | Définit le contenu autonome, comme des illustrations, des diagrammes, des photos, des listes de codes, etc. |
| <footer> | Définit un pied de page du document ou une section |
| <header> | Définit un en-tête du document ou une section |
| <main> | Définit le contenu principal d'un document |
| <mark> | Définit marqué ou texte en surbrillance |
| <menuitem> | Définit une commande / élément de menu que l'utilisateur peut appeler à partir d'un menu contextuel |
| <meter> | Définit une mesure scalaire dans une plage connue (a gauge) |
| <nav> | Définit les liens de navigation dans le document |
| <progress> | Définit l'état d'avancement d'une tâche |
| <rp> | Définit ce à afficher dans les navigateurs qui ne supportent pas ruby annotations |
| <rt> | Définit une explication / prononciation des caractères (pour la typographie Asie de l'Est) |
| <ruby> | Définit une ruby annotation (for East Asian typography) la (for East Asian typography) de l' (for East Asian typography) |
| <section> | Définit une section dans le document |
| <summary> | Définit une rubrique visible pour un <details> élément |
| <time> | Définit une date / heure |
| <wbr> | Définit une ligne de rupture possible |
En savoir plus sur HTML5 Sémantique .
Nouveau formulaire Éléments
| Marque | La description |
|---|---|
| <datalist> | Définit les options prédéfinies pour les commandes d'entrée |
| <keygen> | Définit un champ de générateur de clé à paire (for forms) les (for forms) |
| <output> | Définit le résultat d'un calcul |
Pour tout savoir sur les anciens et les nouveaux éléments de formulaire dans le formulaire HTML éléments .
De nouveaux types d'entrée
| De nouveaux types d'entrée | Nouveaux attributs d'entrée |
|---|---|
|
|
Pour tout savoir sur les anciens et les nouveaux types d'entrée en HTML Types d' entrée .
Pour tout savoir sur les attributs d' entrée dans les attributs d' entrée HTML .
HTML5 - Nouvel attribut Syntaxe
HTML5 permet quatre syntaxes pour les attributs.
Cet exemple illustre les différentes syntaxes utilisées dans une <input> tag:
| Type | Exemple |
|---|---|
| Vide | <input type="text" value="John" disabled > |
| Non cotés | <input type="text" value=John > |
| Double-cité | <input type="text" value="John Doe" > |
| Apostrophées | <input type="text" value='John Doe' > |
En HTML5, les quatre syntaxes peuvent être utilisés, en fonction de ce qui est nécessaire pour l'attribut.
Graphics HTML5
| Marque | La description |
|---|---|
| <canvas> | Définit le dessin graphique en utilisant JavaScript |
| <svg> | Définit le dessin graphique en utilisant SVG |
En savoir plus sur Canvas HTML5 .
En savoir plus sur HTML5 SVG .
Éléments nouveaux médias
| Marque | La description |
|---|---|
| <audio> | Définit le son ou le contenu de la musique |
| <embed> | Définit des conteneurs pour des applications externes (like plug-ins) les (like plug-ins) |
| <source> | Définit les sources pour <video> et <audio> |
| <track> | Définit les pistes pour <video> et <audio> |
| <video> | Définit le contenu vidéo ou un film |
En savoir plus sur HTML5 Video .
En savoir plus sur HTML5 Audio .