À mon avis, HTML 5 est une solution de compromis, même si elle n'est pas radicale, mais elle peut favoriser le progrès continu de la technologie. Il n'y a pas d'espace de noms, les éléments n'ont pas besoin d'être fermés (ce qui n'est bien sûr pas un avantage) et les navigateurs peuvent gérer certaines erreurs avec indulgence. Tout suit les pratiques du HTML 4 du siècle dernier. En ce qui concerne le rendu HTML, les navigateurs sont bloqués aux niveaux de 1999. À cette fin, HTML 5 est une solution pragmatique, qui non seulement peut continuer à traiter le HTML dispersé aux quatre coins du monde depuis de nombreuses années, mais permet également aux fabricants de navigateurs d'ajouter plus facilement de nouvelles fonctionnalités. C’est ce qu’on appelle se dégrader gracieusement. Jetons un coup d'œil à certains des nouveaux éléments ajoutés par HTML 5.
Éléments structurels
C'est un vrai plaisir. Actuellement, nous ne pouvons définir la structure qu'à travers un div "universel", en essayant d'exprimer respectivement l'en-tête, le bas ou la barre latérale en définissant la valeur de son identifiant d'attribut tel que l'en-tête, le pied de page, la barre latérale, etc. Grâce à eux, les rédacteurs de code n'ont plus à se soucier de la dénomination des identifiants, ce qui présente davantage d'avantages sémantiques pour les téléphones mobiles, les lecteurs et autres appareils. HTML 5 ajoute de nouveaux éléments structurels pour exprimer ces structures les plus couramment utilisées :
section : cela peut exprimer une partie ou un chapitre d'un livre, ou une section dans un chapitre
header : l'en-tête sur le corps de la page. Pas un élément de tête
footer : Le bas de la page (footer), qui peut être l'emplacement d'une signature email
nav : une collection de liens vers d'autres pages
article : Un enregistrement indépendant dans un blog, un magazine, un recueil, etc.
Par exemple, la page d'accueil d'un blog, écrite en HTML 5, pourrait ressembler à ceci (avec quelques omissions) :
| Voici le contenu cité : <<!DOCTYPE HTML> de côté <à part> <figure> <boîte de dialogue> |
L'élément m est utilisé pour marquer du texte qui ne nécessite pas d'accentuation. Il est encore controversé et pourrait éventuellement être modifié en marque.
L'élément temps, comme son nom l'indique, est utilisé pour exprimer le temps. Il nécessite une fonction datetime pour indiquer une heure que la machine peut reconnaître, telle que :
<time datetime="2008-08-08T20:08:08">20:08:08 le 8 août 2008</tiem> L'élément compteur exprime une valeur dans une plage spécifique. Peut être utilisé pour les salaires, les pourcentages, les fractions, etc. Par exemple:
Je suis désolé de vous dire que je n'ai que <meter>150 cm</meter>. Il dispose également de 6 fonctionnalités pour exprimer diverses significations, telles que :
<p>Votre score est : <meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+</meter>.</p >
Il y a aussi le progrès, qui est comme son nom l'indique, utilisé pour exprimer le progrès :
Objectif atteint : <progress value="40" max="100">40 %</progress> Intégrer le multimédia
Ajout d'éléments vidéo et audio. Comme leur nom l’indique, ils sont utilisés respectivement pour insérer de la vidéo et du son. Quant au format, il appartient au navigateur de l'implémenter, et HTML n'a plus besoin de code spécial pour lire un format spécifique. Tout comme img, il peut être affiché qu'il soit au format png, jpg ou gif. Ils peuvent notamment contenir du contenu. Par exemple, vous pouvez mettre des paroles dans une certaine chanson :
| Voici le contenu cité : <audio src="Qui couche avec toi.mp3"> <p>Les larmes ont séché</p> <p>Comment puis-je supporter de me tromper</p> <p>Il y a eu un moment de tristesse et de joie</p> ... </audio> |
interactivité
HTML 5 est également appelé Web Applications 1.0, il développe donc également les capacités interactives. Ces balises sont conçues pour améliorer l’expérience interactive de la page :
| Voici le contenu cité : détails grille de données menu commande |
détails
Il est utilisé pour représenter un élément de contenu spécifique, mais le contenu peut ne pas être affiché par défaut. Il sera affiché après avoir interagi avec la légende par certains moyens (comme en cliquant). Ceci est quelque peu similaire aux méthodes actuelles consistant à masquer un élément de contenu via JavaScript et à l'afficher après avoir cliqué. Par exemple:
Enregistrez chaque instant de la vie en une phrase,
| Voici le contenu cité : <détails> <legend>Plus</legend> <p>Communiquez et partagez, rapprochez-vous de vous et de vos amis, prenez en charge MSN/GTalk/QQ, SMS, WAP mobile</p> </details>Il peut avoir un attribut open pour afficher ou non les détails. |
La grille de données est utilisée pour contrôler les données et peut être mise à jour par les utilisateurs ou par des scripts.
Le menu existait en HTML 2, mais HTML 4 le rendait obsolète. Les déchets HTML 5 sont utilisés et l'élément de commande est ajouté au cours de la période.
Référence : Nouveaux éléments dans HTML 5