Nouveaux éléments HTML5

HTML 5 est un nouveau standard Web qui vise à remplacer les standards HTML existants HTML 4.01, XHTML 1.0 et DOM niveau 2. Il espère réduire le besoin du navigateur en applications Internet riches (RIA) basées sur des plug-ins, telles qu'Adobe Flash, Microsoft Silverlight et Sun JavaFX.

HTML 5 fournit un certain nombre de nouveaux éléments et attributs qui reflètent l'utilisation moderne typique des sites Web. Certaines d'entre elles sont techniquement similaires aux balises <div> et <span>, mais ont une certaine signification, comme <nav> De telles balises faciliteront l’indexation des moteurs de recherche, les appareils à petit écran et leur utilisation par les malvoyants. Il fournit également de nouvelles fonctionnalités pour d'autres éléments de navigation, tels que les balises <audio> et <video>

Jetons un coup d'œil à quelques nouvelles utilisations de balises fournies par HTML 5 et aux différences par rapport à HTML. La balise

<article> Par exemple, un nouvel article provenant d'un fournisseur d'informations externe, ou un texte provenant d'un blog, ou un texte provenant d'un forum. Ou du contenu provenant d’autres sources externes.
HTML5:<article></article>
HTML4:<div></div>

<aside> définit le contenu autre que l'article. Le contenu de l’aparté doit être lié au contenu de l’article.
HTML5 :<aside>Le contenu mis à part est un contenu indépendant, mais doit être lié au contenu du document. </aside>
HTML4 :<div>Le contenu d'Aside est un contenu indépendant, mais doit être lié au contenu du document. </div>

<audio> définit un son, tel que de la musique ou un autre flux audio.
HTML5 :<audio src="someaudio.wav">Votre navigateur ne prend pas en charge la balise audio. </audio>
HTML4 :<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object> ;

<canvas> définit des graphiques, tels que des graphiques et d'autres images. Cet élément HTML est conçu pour les graphiques vectoriels côté client. Il n'a pas de comportement propre, mais expose une API de dessin au client JavaScript afin que le script puisse dessiner ce qu'il veut sur un canevas.
HTML5 :<canvas id="myCanvas" width="200" height="200"></canvas>
HTML4 :<object data="inc/hdr.svg" type=" La balise image/svg+xml" width="200" height="200"></object>

<command> définit des boutons de commande, tels que des boutons radio, des cases à cocher ou des boutons.
HTML5 : <command onclick=cut()" label="cut">
HTML4 : aucun

<datalist> L'étiquette définit une liste de données facultatives. Utilisée conjointement avec l'élément d'entrée, vous pouvez créer une liste déroulante de valeurs d'entrée
HTML5 : <datalist></datalist>
HTML4 : voir la liste déroulante.

<details> les détails de l'élément. Peut être affiché ou cliqué pour masquer. Utilisé avec <legend> pour créer un titre pour le détail qui est visible par l'utilisateur et ouvre ou ferme le détail lorsqu'on clique dessus. ;details></details>
HTML4 : <dl style="display:hidden"></dl>

HTML4 : <object data="flash.swf" type="application/x-shockwave-flash"></object>. ; La balise

<figcaption> définit le titre de l'élément figure. L'élément "figcaption" doit être placé comme premier ou dernier élément enfant de l'élément "figure". figure> <figcaption>PRC</figcaption></figure>

La balise

<figure> est utilisée pour combiner des éléments. Utilisez l'élément <figcaption> pour ajouter une légende à un groupe d'éléments.
HTML5 : <figure><figcaption>PRC</figcaption><p>La République populaire de Chine est née en 1949...</p></figure>
HTML4 : < ;dl><h1>RPC</h1><p>La République populaire de Chine est née en 1949...</p></dl>

<footer> Le pied de page d’une section ou d’un document. Généralement, il contiendra le nom de l'auteur, la date de création du document et/ou ses coordonnées.
HTML5 : <footer></footer>
HTML4 : <div></div>

<header> définit l'en-tête d'une section ou d'un document.
HTML5 : <header></header>
HTML4 : <div></div>

<hgroup> est utilisée pour marquer les pages Web ou les sections. combiné.
HTML5 : <hgroup></hgroup>
HTML4 : <div></div>

<keygen> définit la clé générée.
HTML5 : <keygen>
HTML4 : aucun

<mark> Il est principalement utilisé pour présenter visuellement le texte qui doit être mis en évidence à l'utilisateur. Une application typique de la balise <mark> consiste à mettre en évidence les mots-clés de recherche auprès des utilisateurs dans les résultats de recherche.
HTML5 : <mark></mark>
HTML4 : <span></span>

<meter> définit les poids et les mesures. À utiliser uniquement pour les mesures avec des valeurs maximales et minimales connues. La plage de la mesure doit être définie, soit dans le texte de l'élément, soit dans les attributs min/max.
HTML5 : <meter></meter>
HTML4 : aucun

<nav>
HTML5 : <nav></nav>
HTML4 :<ul></ul>

<output> définit différents types de sortie, tels que la sortie de un scénario.
HTML5 : <output></output>
HTML4 : <span></span>

<progress> est le processus en cours d'exécution. Vous pouvez utiliser la balise <progress> pour afficher la progression des fonctions chronophages en JavaScript.
HTML5 : <progress></progress>
HTML4 : aucun

La balise <rp> est utilisée dans les commentaires Ruby pour définir le contenu affiché par les navigateurs qui ne prennent pas en charge Ruby. ​​éléments.
HTML5 : <ruby>汉<rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>
HTML4 : none

<rt> La balise définit l'interprétation ou la prononciation du caractère (phonétique chinoise ou caractère).
HTML5 : <ruby>汉<rt> ㄏㄢˋ </rt></ruby>
HTML4 : aucun ou caractères).

HTML4 : none

<section> définit une section (section, section) dans le document. Tels que les chapitres, les en-têtes, les pieds de page ou d’autres parties du document.

HTML4 : <div></div>

<source> définit les ressources multimédias pour les éléments multimédias (tels que <vidéo> et <audio>).
HTML5 : <source>
HTML4 : <param>

<summary> La balise contient le titre de l'élément détails. L'élément "détails" est utilisé pour décrire des informations détaillées sur. le document ou fragment de document. L'élément "summary" doit être le premier enfant de l'élément "details".
HTML5 : <détails><summary>HTML 5</summary>Ce document vous apprend tout ce que vous devez savoir sur HTML 5.</details>
HTML4 : aucun

< ;time> définit la date ou l'heure, ou les deux.
HTML5 : <time></time>
HTML4 : <span></span>

<video> définit une vidéo, telle qu'un clip vidéo ou autre. flux vidéo.
HTML5 : <video src="movie.ogg" CONTROLS="controls">Votre navigateur ne prend pas en charge la balise vidéo. </video>
HTML4 :<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv"></object> ;

Éléments supprimés

Les éléments HTML 4.01 suivants ont été supprimés dans HTML5 :

<acronyme>

<applet> 🎜><basefont>

<big>

<center>

<dir>

<font> 🎜><frame>

<frameset>

<noframes>

<strike>

<tt> 🎜>

section suivante