HTML5

HTML5
Logo.
Image illustrative de l’article HTML5
Date de première version 28 octobre 2014
Paradigme Langage de balisage
Auteur WHATWG
Développeur WHATWG et W3C
Dernière version 5.2 (21 décembre 2017)
Version en développement 5.3
Typage statique
Influencé par SGML
A influencé Wikicode, BBCode
Écrit en SGML
Site web (en)WHATWG et (en)W3C
Extensions de fichiers HTML: .html, .htm
XHTML: .xhtml, .xht, .xml
modifier Consultez la documentation du modèle

HTML5 (HyperText Markup Language 5) est la dernière révision majeure du HTML (format de données conçu pour représenter les pages web). Cette version a été finalisée le 28 octobre 2014. HTML5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5.

Le langage comprend également :

Le travail a été repris par le W3C en mars 2007 après avoir été lancé par le WHATWG. Les deux organisations travaillent en parallèle sur le même document afin de maintenir une version unique de la technologie. Le W3C clôt les ajouts de fonctionnalités le 22 mai 2011, annonçant une finalisation de la spécification en 2014, et encourage les développeurs Web à utiliser HTML5 dès ce moment. Fin 2016, la version 5.1 est officiellement publiée et présente plusieurs nouveautés qui doivent faciliter le travail des développeurs d'applications Web.

Contexte historique

Article détaillé : HTML.

Logo

Le 18 janvier 2011, le W3C a introduit un logo pour représenter l'utilisation ou l'intérêt pour HTML5. Contrairement à d'autres badges précédemment émis par le W3C, cela n'implique pas la validité ou la conformité à une certaine norme. Depuis le 1er avril 2011, ce logo est officiel.

Lors de sa présentation initiale au public, le W3C a annoncé le logo HTML5 comme une "identité visuelle à usage général pour un large éventail de technologies Web ouvertes, notamment HTML5, CSS, SVG, WOFF et autres". Certains défenseurs des normes Web, dont The Web Standards Project, ont critiqué cette définition de "HTML5" en tant que terme générique, soulignant le flou de la terminologie et le potentiel de mauvaise communication. Trois jours plus tard, le W3C a répondu aux commentaires de la communauté et a modifié la définition du logo, supprimant l'énumération des technologies associées. Le W3C a ensuite déclaré que le logo "représente HTML5, la pierre angulaire des applications Web modernes".

Changements par rapport à HTML 4.X et XHTML 1.X

Doctype

Tout comme les pages HTML ou XHTML, les documents HTML5 nécessitent une déclaration Doctype indiquant la méthode standard de rendu par le navigateur. Dans le cas de HTML5, il faut préciser « <!DOCTYPE html> » au début de tout document en HTML. Toutefois, pour les documents XML cette déclaration est facultative, le navigateur l'interprétant en mode standard par défaut. Pour utiliser la structure XML (XHTML5), il faut préciser dans le header : « Content-Type: application/xhtml+xml ».

Exemple d'utilisation avec HTML5 Exemple de code source <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <title>titre de la page</title> <!-- meta --> <meta name="description" content=""> <meta name="author" content=""> <!-- mon icon --> <link rel="shortcut icon" href="favicon.ico"> <!-- mon template.css --> <link rel="stylesheet" href="main.css" media="screen"> </head> <body> <header> <!-- menu du haut --> <nav> <ul> <li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li> <li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li> <li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li> </ul> </nav> </header> <!-- contenu de ma page --> <div> <!-- article n°1 --> <article> <h1>titre de mon article</h1> <p>texte de mon article</p> <section> <h2>sous-titre mon article</h2> <p>texte de mon sous-titre</p> <figure> <a href="mon-url"><img src="url-de-mon-image" alt="nom-de-mon-image"></a> </figure> </section> </article> <!-- article n°2 --> <article> <h1>titre de mon article</h1> <p>texte de mon article</p> <section> <h2>sous-titre mon article</h2> <p>texte de mon sous-titre</p> <figure> <a href="mon-url"><img src="url-de-mon-image" alt="nom-de-mon-image"></a> </figure> </section> </article> </div> <footer> <!-- menu du bas --> <nav> <ul> <li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li> <li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li> <li><a href="mon-url" title="titre-du-lien">nom de mon lien</a></li> </ul> </nav> </footer> </body> </html>  

La déclaration du Doctype n'est pas sensible à la casse et il n'y a plus de référence à une DTD (Document Type Definition, ou Définition de Type de Document, document permettant de décrire un modèle de document SGML ou XML).

Encodage

Le processus de détection de l'encodage a également été modifié et s'effectue dans l'ordre, la vérification de la présence d'un header HTTP « Content-Type », et ensuite à la détection du BOM en début de fichier.

Éléments du langage

XHTML5

Pour les documents XHTML5, l'auteur doit spécifier l'encodage dans le prologue XML, mais aussi le type de contenu : « application/xhtml+xml ». La globalité de la page doit être conforme à la syntaxe XML. De par le caractère extensible du langage XML, il est possible d'ajouter d'autres balises (exemple : <mabalise></mabalise>) ; une telle extension nécessite de déclarer les espaces de noms correspondants, sans quoi la page sera en erreur et le navigateur pourrait ne pas être capable de l'afficher. C’est le mode le plus strict qui impose d'avoir une syntaxe quasi parfaite.

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr"> <head> <title>Exemple</title> </head> <body> <!-- Contenu de la page respectant la syntaxe XML. --> </body> </html>

Nouveaux éléments

Exemple de code source <html lang="fr"> <head> </head> <body> <header> <nav> <ul> <li><a href="#contenu-principal">contenu principal</a></li> </ul> </nav> </header> <main id="contenu-principal"> <!-- Contenu principal de la page --> </main> </body> </html>  

Nouveaux attributs

Pour la balise <a> :

Pour la balise <area> :

Pour la balise <button> :

Pour la balise <fieldset> :

Pour la balise <form> :

Pour la balise <html> :

Pour la balise <iframe> :

Pour la balise <input> :

Pour la balise <link> :

Pour la balise <menu> :

Pour la balise <meta> :

Pour la balise <ol></ol> :

Pour la balise <script> :

Pour la balise <select> :

Pour la balise <style> :

Pour la balise <textarea> :

Ainsi que les attributs globaux qui s'appliquent à toutes les balises :

Connexion et distribution P2P

Changements dans les balises et attributs

Cette section est vide, insuffisamment détaillée ou incomplète. Votre aide est la bienvenue ! Comment faire ?

Les balises suivantes sont supprimées car leurs effets étaient purement représentatifs, ce qui est le rôle de CSS.

Les balises frame, frameset et noframes ont été supprimées elles aussi ; elles étaient déjà désuètes car elles créaient des problèmes d'accessibilité et d'utilisation pour l'utilisateur final.

Les balises suivantes sont elles aussi supprimées :

Enfin, noscript n'est fourni que dans la version HTML, il n'est pas inclus dans la version XML.

Obsolescence d'attributs

Cette section est vide, insuffisamment détaillée ou incomplète. Votre aide est la bienvenue ! Comment faire ? Sur la balise a Sur la balise area Sur la balise embed Sur la balise form Sur la balise head Sur la balise html Sur la balise iframe Sur la balise input Sur la balise img Sur la balise link Sur la balise meta Sur la balise object Sur la balise option Sur la balise param Sur la balise script Sur la balise table Sur la balise td Sur la balise th

API

Cette section est vide, insuffisamment détaillée ou incomplète. Votre aide est la bienvenue ! Comment faire ? Avancées de la spécification HTML5 et des API associées.

HTML5 introduit plusieurs nouvelles API qui peuvent aider à créer des applications web et qui peuvent être utilisées ensemble, proposant de nouveaux éléments introduits pour les applications, et notamment :

De plus, des API tierces viennent s'intégrer à ce standard, telles que WebGL du Khronos Group permettant d'ajouter aux pages du contenu 3D.

Controverses

Vers la fin de l'année 2012, une campagne menée par plusieurs associations de défense des libertés numériques, dont la Free Software Foundation, a tenté d'attirer l'attention sur l'inclusion de verrous numériques (DRM) dans la norme HTML5.

Le 18 septembre 2017, le W3C a normalisé les extensions pour médias chiffrés (Encrypted Media Extensions) en justifiant qu'elles « améliorent l'interopérabilité, la protection de la vie privée, la sécurité, l'accessibilité et l'expérience utilisateur lors du visionnage de films et télévision sur le Web ».

Notes et références

  1. (fr) Le W3C confirme qu'HTML5 sera disponible en mai 2011 pour appel à commentaires, www.w3.org, le 14 février 2011.
  2. « Quelles nouveautés propose HTML 5.1 ? », 14 août 2017
  3. « W3C HTML5 Logo FAQ », sur www.w3.org (consulté le 27 avril 2022)
  4. « HTML5 logo: be proud, but don’t muddy the waters! - The Web Standards Project », sur web.archive.org, 10 août 2011 (consulté le 27 avril 2022)
  5. (en-US) « The HTML5 Logo Conversation | W3C Blog » (consulté le 27 avril 2022)
  6. (en)W3C Working Draft.
  7. (en)Bug 13240 - Consider replacing with , w3.org.
  8. (en)W3C Adds Time Element Back to HTML5, webmonkey.com, publié en novembre 2011..
  9. (en) « Removed from html5 », sur w3schools.com (consulté le 7 juin 2023).
  10. « <command> : The HTML Command element », sur MDN Web Docs (consulté le 11 juillet 2020).
  11. (en)W3C information :
  12. (en)HTML 5 plans to allow peer to peer connections from javascript, but these connections will not be raw TCP. The complete spec can be found at http://dev.w3.org/html5/websockets/.
  13. (en)Smart Clients: ReverseHTTP & WebSockets.
  14. (en)Will HTML5 allow web apps to make peer-to-peer HTTP connections?
  15. P2P, audio et vidéo au menu du HTML5.
  16. Dites au W3C : nous ne voulons pas d'un Hollyweb http://www.defectivebydesign.org/no-drm-in-html5/fr
  17. Levée de boucliers contre l'arrivée des DRM au sein du HTML5 http://www.numerama.com/magazine/25802-levee-de-boucliers-contre-l-arrivee-des-drm-au-sein-du-html5.html
  18. https://www.w3.org/fr/press-releases/2017/eme-recommendation/

Voir aussi

Bibliographie

Articles connexes

Liens externes