'>

HTML5: langage de balisage, la structuration et la présentation d'un contenu

HTML5 est un langage de balisage utilisé pour la structuration et la présentation de contenu pour le World Wide Web et une technologie de base de l'Internet. Il s'agit de la cinquième révision de la norme HTML (créé en 1990 et normalisée HTML 4 en 1997 ) [2] et , à partir de Décembre 2012, une recommandation du candidat du World Wide Web Consortium (W3C). [3 ] Son principaux objectifs ont été d'améliorer la langue avec un support pour les derniers services multimédia tout en conservant facilement lisible par les humains et toujours comprise par les ordinateurs et périphériques ( les navigateurs Web , les analyseurs , etc.) HTML5 est destiné à englober non seulement HTML 4, mais aussi XHTML 1 et DOM Level 2 HTML . [2]

Suite à ses prédécesseurs immédiats HTML 4.01 et XHTML 1.1 , HTML5 est une réponse au fait que le HTML et le XHTML dans l'usage commun sur le World Wide Web sont un mélange de fonctionnalités introduites par différentes spécifications , ainsi que celles introduites par les produits logiciels tels que web navigateurs, ceux établis par la pratique courante, et les nombreuses erreurs de syntaxe dans les documents Web existants. [4] Il est aussi une tentative de définir un langage de balisage qui peut être écrit en HTML ou XHTML syntaxe . Il comprend des modèles de traitement détaillées pour encourager les implémentations plus interopérables; elle s'étend , améliore et rationalise le balisage disponible pour les documents , et introduit le balisage et les interfaces de programmation d'applications ( API) pour les applications web complexes [5] Pour les mêmes raisons , HTML5 est également un . candidat potentiel pour les applications mobiles multi-plateformes . De nombreuses fonctionnalités de HTML5 ont été construits avec l'examen de pouvoir fonctionner sur des appareils de faible puissance tels que les smartphones et les tablettes. En Décembre 2011 , Strategy Analytics cabinet d'études prévoit que les ventes de téléphones compatibles HTML5 haut de 1 milliard en 2013. [6]

En particulier, HTML5 ajoute de nombreuses nouvelles fonctions syntaxiques. Il s'agit notamment de la nouvelle <video> , <audio> et des éléments de <canvas> , ainsi que l'intégration de graphiques ( SVG ) contenu vectoriel adaptable ( qui remplace l'utilisation des génériques balises <object> ) et MathML pour les formules mathématiques. Ces fonctions sont conçues pour rendre plus facile d'inclure et de gérer le contenu multimédia et graphique sur le web sans avoir à recourir à des plugins propriétaires et les API . Autres éléments nouveaux , tels que <section> , <article> , <header> et <nav> , sont conçus pour enrichir le contenu sémantique des documents. De nouveaux attributs ont été introduits dans le même but , alors que certains éléments et attributs ont été supprimés. Certains éléments, tels que <a> , <cite> et <menu> ont été modifiés, redéfinis ou standardisés . Les API et le Document Object Model ( DOM ) ne sont plus après coup , mais sont des éléments fondamentaux de la spécification HTML5. [5] HTML5 définit également en détail le traitement requis pour les documents non valides afin que les erreurs de syntaxe seront traités de façon uniforme par tous les navigateurs conformes et d'autres agents utilisateurs .

histoire

Le Web Hypertext Demande Technology Group de travail ( WHATWG ) a commencé à travailler sur la nouvelle norme en 2004. A cette époque, HTML 4.01 n'avait pas été mis à jour depuis 2000, [8] et le World Wide Web Consortium (W3C ) a été concentrent les développements futurs sur XHTML 2.0. En 2009, le W3C a permis la charte du XHTML 2.0 Groupe de travail à expiration et a décidé de ne pas le renouveler. W3C et WHATWG travaillent actuellement ensemble sur le développement de HTML5. [9]

Alors que HTML5 est souvent comparé à jour Flash , les deux technologies sont très différentes. Tous deux incluent des fonctionnalités pour la lecture audio et vidéo dans des pages Web, et pour l'utilisation Scalable Vector Graphics. HTML5 sur son propre ne peuvent pas être utilisés pour l'animation et l'interactivité - il doit être complété avec CSS3 ou JavaScript. Il existe de nombreuses possibilités de Flash qui n'ont pas d'équivalent direct dans HTML5. Voir la comparaison de HTML5 et Flash.

Bien que HTML5 est bien connu parmi les développeurs web depuis des années , il est devenu le sujet de médias autour Avril 2010 [ 10] [ 11] [12 ] [13] après Apple Inc de puis - PDG Steve Jobs a publié une lettre ouverte intitulée " Réflexions sur flash » où il conclut que« [Adobe ] flash n'est plus nécessaire pour regarder des vidéos ou consommer tout type de contenu web »et que« de nouveaux standards ouverts créés dans l'ère mobile, comme HTML5 , va gagner " . [ 14] Cette a suscité un débat dans les cercles de développement web où certains ont suggéré que tandis que HTML5 offre une meilleure fonctionnalité , les développeurs doivent tenir compte du support du navigateur variable des différentes parties de la norme ainsi que d'autres différences de fonctionnalités entre HTML5 et Flash. [15 ] Au début de Novembre 2011 Adobe a annoncé qu'il allait arrêter le développement de Flash pour les appareils mobiles et réorienter ses efforts dans le développement d'outils utilisant HTML5. [16]
Processus de normalisation

La Fondation Mozilla et Opera Software a présenté un document de position à un monde atelier Wide Web Consortium ( W3C) en Juin 2004 [ 17] en se concentrant sur le développement de technologies qui sont rétrocompatibles avec les navigateurs existants [18], y compris un projet de cahier des charges initial de formulaires Web 2.0 . L' atelier s'est terminé par un vote , 8 pour , 14 contre , pour poursuivre les travaux sur le langage HTML . [19 ] Plus tard ce mois-ci, fonctionne sur la base de ce document de position déplacée vers le Web Hypertext Demande Technology Group de travail ( WHATWG ) nouvellement formé , et un second projet , les applications Web 1.0 , a également été annoncé . [20] les deux spécifications ont ensuite fusionné pour former HTML5. [21] la spécification HTML5 a été adopté comme point de départ du travail du nouveau groupe de travail HTML du W3C en 2007 de départ.

2008 - Première version de travail du Public

WHATWG a publié le premier document de travail de la spécification , le 22 Janvier 2008. [22] Les parties du HTML5 ont été mises en œuvre dans les navigateurs malgré tout le cahier des charges n'ayant pas encore atteint le statut de recommandation finale.

2011 - Last Call

Le 14 Février 2011, le W3C a étendu la charte de son groupe de travail HTML avec des jalons clairs pour HTML5. En mai 2011, le groupe de travail de pointe HTML5 pour "Last Call " , une invitation aux communautés à l'intérieur et à l'extérieur du W3C pour confirmer la validité technique de la spécification. Le W3C développe une suite de tests complète pour assurer une large interopérabilité pour la spécification complète d'ici 2014 , ce qui est maintenant la date cible pour la recommandation. [23] En Janvier 2011 , le WHATWG rebaptisé son niveau de vie " HTML5" à "HTML" . Le W3C poursuit néanmoins son projet de libérer HTML5. [24]

2012 - Recommandation Candidate

En Juillet 2012 WHATWG et le W3C ont décidé d'un degré de séparation . W3C continuera le travail de spécification HTML5 , en se concentrant sur ​​une seule norme définitive , qui est considéré comme un «instantané» par WHATWG . L'organisation WHATWG poursuivra ses travaux avec HTML5 comme un « Living Standard». La notion de niveau de vie , c'est qu'il n'est jamais complète et est toujours mis à jour et amélioré. Les nouvelles fonctionnalités peuvent être ajoutées mais les fonctionnalités ne seront pas supprimés . [25]

En Décembre 2012 , le W3C HTML5 désigné comme recommandation candidate . [26] Le critère pour l'avancement de la recommandation du W3C est «deux 100% complet et implémentations entièrement interopérable ». [27 ] [28]
régime 2014

En Septembre 2012, le W3C a proposé un plan [29] pour libérer une recommandation de HTML5 stable d'ici la fin de l'année 2014 et un 5.1 HTML recommandation de la spécification d'ici la fin de 2016.

Spécification HTML de base

Les échéances combinées pour HTML 5.0 , HTML 5.1 et HTML 5.2 :
2012 2013 2014 2015 2016
HTML 5.0 Candidate Rec Appel à la recommandation d'examen
HTML 5.1 1ère version de travail Last Call Candidate Recommandation Rec
HTML 5.2 [29] 1er de travail Projet

Caractéristiques et API

Le W3C a proposé une plus grande dépendance sur la modularité comme un élément clé du plan de progresser plus rapidement , ce qui signifie l'identification des caractéristiques spécifiques , proposé ou déjà existant dans la spécification , et les faire avancer les spécifications séparées. Certaines technologies qui ont été initialement définis dans HTML5 lui-même sont désormais définies dans les spécifications distinctes :

    Groupe de travail HTML - microdonnées à grande diffusion , HTML Canvas 2D Context
    Applications Web WG - Messagerie Web , Web Workers , le stockage web , API WebSocket , événements envoyées par le serveur
    IETF Hybi WG - Protocole WebSocket
    WebRTC WG - WebRTC
    W3C Web Media texte Tracks CG - WebVTT

Certaines spécifications qui ont été initialement développées autonome ont été adaptés comme des extensions HTML5 ou les caractéristiques de référence : SVG , MathML , WAI -ARIA .
traits
Markup

HTML5 introduit des éléments et attributs qui reflètent l'utilisation typique sur des sites Web modernes. Certains d'entre eux sont des remplacements sémantiques pour les utilisations courantes de bloc générique ( <div>) et inline éléments ( <span> ) , par exemple <nav> (Site bloc de navigation ) , <footer> (se référant généralement au bas de la page Web ou d' dernières lignes de code HTML ), ou <audio> et <video> au lieu de <object> . [30] [ 31] [32 ] Certains éléments obsolètes du HTML 4.01 ont été abandonnées , y compris des éléments purement présentation telles que <font> et <center> , dont les effets ont longtemps été remplacées par les feuilles de style en cascade plus capables . Il ya aussi un accent renouvelé sur l'importance de scripts DOM (par exemple , JavaScript) dans le comportement du Web.

La syntaxe HTML5 n'est plus basé sur SGML [ 33] [34 ] En dépit de la similitude de son balisage. Il a , toutefois , été conçu pour être compatible avec l'analyse commune des anciennes versions de HTML. Il est livré avec une nouvelle ligne d'introduction qui ressemble à une DTD SGML , <! DOCTYPE html> , qui déclenche le mode de rendu conforme aux normes . [35] À partir du 5 Janvier 2009, le HTML5 comprend également des Web Forms 2.0 , un précédemment séparé WHATWG spécification .
De nouvelles API

En plus de spécifier le balisage HTML5 spécifie des interfaces de programmation d'applications (API script ) qui peuvent être utilisés avec JavaScript. [ 36 ] le modèle objet de document existant interfaces ( DOM ) sont étendus et les caractéristiques de facto documentés. Il ya également de nouvelles API , tels que:
HTML5 Des API . [37]

    L' élément canvas immédiatement à dessin 2D de mode. Voir Canvas 2D spécification API Specification 1.0 [ 38]
    Timed lecture multimédia
    Les applications Web hors ligne [ 39 ]
    L'édition de documents
    Drag- and-drop
    Cross- document de messagerie [40]
    Gestion de l'historique du navigateur
    MIME type et l'immatriculation du gestionnaire de protocole
    microdonnées à grande diffusion
    Web Storage , une structure de stockage paire clé- valeur qui fournit un comportement similaire aux cookies , mais avec une plus grande capacité de stockage et une meilleure API . [41]

Pas toutes les technologies ci-dessus sont inclus dans la spécification du W3C HTML5, s'ils sont dans la spécification WHATWG HTML. [42] Certaines technologies connexes, qui ne sont pas partie ni du HTML5 du W3C ou la spécification WHATWG HTML , sont les suivants . Le W3C publie les spécifications pour ces séparément :

    Géolocalisation
    Web Base de données SQL, une base de données SQL locale (qui n'est plus maintenu ) . [43]
    L'API de base de données indexée , un magasin -clé de valeur hiérarchique indexée (anciennement WebSimpleDB ) . [44]
    HTML5 API fichier [45], poignées téléchargement de fichiers et la manipulation de fichiers [ 46] .
    Répertoires et système, une API destinée à satisfaire les cas d'utilisation côté client de stockage mal desservies par les bases de données. [ 47]
    File Writer , une API pour l'écriture de fichiers à partir d'applications Web. [ 48]
    API Web Audio [49], une API JavaScript de haut niveau pour le traitement et la synthèse audio dans les applications web .

HTML5 seul ne peut pas fournir animation dans les pages web. JavaScript ou CSS3 est nécessaire pour animer des éléments HTML . L'animation est également possible en utilisant JavaScript et HTML 4 [50] [ pas dans la citation donnée ] , et au sein des éléments SVG par SMIL , bien que le soutien de navigateur de celui-ci demeure inégale à partir de 2011 .
XHTML5

XHTML5 est la sérialisation XML de HTML5. Les documents XML doivent être servis avec une connexion Internet type de média XML ( souvent confondu avec le type MIME ) comme application / xhtml + xml ou application / xml [51]. XHTML5 nécessite strict, bien formé syntaxe XML. Le choix entre HTML5 et bout XHTML5 vers le choix d'un type de MIME / de contenu : le type de média on choisit détermine le type de document doit être utilisé [ 52] En XHTML5 , le HTML5 Doctype HTML est facultative et peut simplement être omis. . [53] HTML qui a été écrit à se conformer à la fois aux spécifications HTML et XHTML et qui va donc produire le même arbre DOM si analysé comme HTML ou XML est appelé « polyglotte balisage " . [54]
La gestion des erreurs

HTML5 est conçu de sorte que les anciens navigateurs peuvent ignorer nouvelles constructions de HTML5 . [Citation nécessaire] Contrairement à HTML 4.01 , la spécification HTML5 donne modalités d' lexing et l'analyse , dans le but que les différents navigateurs conformes produiront le même résultat dans le cas de syntaxe incorrecte . [55] Bien que HTML5 définit désormais un comportement cohérent pour " soupe " tag documents , ces documents ne sont pas considérées comme étant conformes à la norme HTML5. [55]
Popularité

Selon un rapport publié le 30 Septembre 2011 34 des 100 meilleurs sites Web du monde entier ont été en utilisant HTML5 - . L'adoption dirigée par les moteurs de recherche et les réseaux sociaux [56] Un autre rapport publié en Juillet 2013 a montré que les 153 sociétés du Fortune 500 déjà mis en œuvre HTML5 sur leur site Web . [ 57 ]
Différences de HTML 4.01 et XHTML 1.x

Ce qui suit est une liste sommaire des différences et des exemples concrets .

    Nouvelles règles d'analyse : orientés vers l'analyse souple et la compatibilité ; pas fondées sur SGML
    Possibilité d'utiliser inline SVG et MathML en text / html
    De nouveaux éléments : article, mis à part, audio , BDI , toile , commande , données, datalist , détails, embed figcaption , figure, pied de page, en-tête , keygen , marque, mètre , nav , la production , le progrès, rp , rt , rubis , section , source, résumé, temps, piste , vidéo, wbr
    Nouveaux types de champs de formulaire : dates et heures, email, URL , recherche , nombre , gamme, tel , la couleur [58]
    De nouveaux attributs : charset ( sur meta) , asynchrones ( sur le script )
    Les attributs globaux ( qui peut être appliquée pour chaque élément ) : id, tabindex ,, * - données ( données attributs personnalisés) cachés
    Éléments obsolètes seront supprimés complètement : acronyme, applet, basefont , grand, centre , dir , police , cadre, cadres, isindex , noframes , grève, tt

dev.w3.org fournit les dernières Editors Projet de " différences HTML5 par HTML 4 " [59], qui fournit un aperçu complet des ajouts , déménagements et les changements entre HTML5 et HTML 4 .
Le logo HTML5
Le logo W3C HTML5

Le 18 Janvier 2011, le W3C a introduit un logo pour représenter l'utilisation ou de l'intérêt en HTML5. Contrairement à d'autres badges précédemment émises par le W3C , cela ne signifie pas la validité ou la conformité à un certain niveau . À compter du 1er Avril 2011, cet logo est officiel. [60]

Quand initialement présenter au public, le W3C a annoncé le logo HTML5 comme une « identité visuelle générale pour un large éventail de technologies Web ouvertes , y compris HTML5 , CSS , SVG, WOFF , et les autres» . [61] Certains standards web défenseurs , dont le projet Web Standards , ont critiqué cette définition de « HTML5 » comme un terme générique , soulignant le flou de la terminologie et le potentiel de problèmes de communication. [61 ] Trois jours plus tard, le W3C a répondu aux commentaires de la communauté et a changé la définition du logo , laissant tomber l'énumération des technologies connexes. [62] le W3C a alors dit le logo " représente HTML5, la pierre angulaire pour les applications Web modernes ». [60]
Gestion des droits numériques

Acteurs industriels , y compris la BBC , Google , Microsoft et Netflix ont fait pression pour l'inclusion des extensions de médias cryptés ( EME ), [ 63] [64] [65] [66] [67] une forme de gestion des droits numériques , dans le norme HTML5. À la fin de 2012 et au début de 2013, 27 organisations [68] dont la Free Software Foundation [69 ] ont lancé une campagne contre l'inclusion de gestion des droits numériques dans la norme HTML5.
Publié par Drupal Study