Developpez.com

Le Club des Développeurs et IT Pro

Le W3C s'apprête à publier le HTML 5.1 durant les prochaines semaines

Et a déjà commencé la rédaction des spécifications du HTML 5.2

Le 2016-09-23 03:34:29, par Coriolan, Expert éminent sénior
Le World Wide Web Consortium (W3C) s’apprête à lancer la première révision mineure du HTML. L’organisme de standardisation a promu le standard HTML 5.1 du rang de la “Release Candidate” au rang de “recommandation proposée” ; la dernière étape avant qu’il ne soit validé en tant que “recommandation du W3C” par les membres du conseil consultatif. À ce stade, la recommandation du HTML 5.0 devient obsolète. Le vote pour la promotion du HTML 5.1 d’une RC à un PR a été approuvé par unanimité, un signe clair que les éditeurs des navigateurs majeurs sont arrivés à un consensus sur la lignée que devrait suivre le nouveau standard ; à ce titre, ils devraient commencer à l’implémenter dans leurs navigateurs dans les prochaines versions.

La recommandation proposée regroupe l'ensemble des changements majeurs et n’admet plus de propositions, à part quelques modifications mineures. En gros, elle représente l’essentiel de la prochaine version du HTML. Cette version présente encore une fois plusieurs nouveautés destinées à faciliter la vie aux auteurs d’applications Web. De nouveaux éléments ont été introduits, dans le but de faire prévaloir les pratiques des auteurs. Également, une attention particulière a été prêtée afin de définir des critères de conformité clairs pour les agents utilisateurs, le but étant d’améliorer l’interopérabilité.

<picture>

Le HTML 5.1 n’apporte pas beaucoup de nouveaux éléments comparé au HTML 5, qui a constitué une révision majeure ; néanmoins, il comporte quelques-unes intéressantes, parmi lesquelles on peut citer la balise <picture>. Cette balise a été déjà implémentée dans la plupart des navigateurs majeurs (Chrome, Opera, Firefox, Safari et Edge) grâce aux efforts des éditeurs. Ce qui fait que cette inclusion n’est venue que pour la rendre officielle dans le nouveau standard. Le HTML 5.1 inclut également un nouvel attribut srcset qui va de pair avec la première balise, les développeurs l’utilisent déjà pour supporter les images réactives sur leurs sites.

<summary> et <details>

Pour le moment, Chrome, Opera, Firefox et Safari supportent ces balises destinées, à simplifier la création d’éléments repliables. Microsoft a également mis ces éléments en considération pour son navigateur Edge et devrait à priori les intégrer après leur validation officielle par le W3C.

<dialog>

Comme son nom l’indique, cette balise permet aux développeurs de créer des fenêtres popup directement dans le code HTML, avec moins de code JavaScript. Chrome et Opera ont déjà intégré cette balise alors que l’équipe d’Edge l’a mise “en considération”. Cette balise devrait aider à limiter l’utilisation des plug-ins “lightbox” qui ont été popularisés depuis la moitié des années 2000.

Le HTML 5.1 inclut d’autres nouveautés à savoir la méthode HTMLElement.forceSpellcheck() qui sert à activer ou désactiver le correcteur orthographique pour certains éléments éditables comme les zones de texte et les zones de saisie. L’attribut AllowFullScreen permet de spécifier au navigateur quels éléments sont autorisés à s’afficher en plein écran ; cet attribut marche seulement avec les balises <frame>.

Alors qu’il vient juste d’annoncer le HTML 5.1 dont le lancement officiel aura lieu durant les semaines prochaines, le W3C se penche déjà sur la prochaine itération du langage standard du Web, le HTML 5.2. Ce dernier va comporter à son tour deux nouveautés majeures à savoir la définition <meta name="theme-color"> et l’ajout du support pour <script type="module">.

La première permet aux développeurs de spécifier une couleur dominante sur la page web, de cette façon elle sera prise en compte par des scripts ou navigateurs et utilisée durant d’autres opérations (par exemple, pour changer la couleur de la barre d’outils quand l’utilisateur change de page). La deuxième nouveauté concerne le JavaScript et, plus précisément, la modularisation du code JS chargé sur une page.

Source : HTML 5.1 - HTML 5.2 - Github

Et vous ?

Qu'en pensez-vous ?
  Discussion forum
24 commentaires
  • Pill_S
    Membre expert
    L'élément dialogue! Enfin!!
  • TiranusKBX
    Expert confirmé
    Envoyé par Uther
    Il reste quoi de la version 5.0 qui n'est pas intégré par la majorité des navigateurs ?
    Par exemple pour les balise vidéo et audio toutes les option ne sont pas forcément implémentée dans les navigateurs et la je ne parle pas du format des vidéos, il y a aussi l'attribut download sur les liens(partiel sur chrome et opéra) le type import sur les balises link, les favicon SVG, ...
    si tu regarde cette page LIEN caniuse.com
    et que tu cherche un peut tu verras qu'il y a très peut de ligne concernant la 5.1 donc il y a encore de quoi faire

    si besoin voila les spécification de la 5.0 https://www.w3.org/TR/html5/Overview.html
  • niuxe
    Membre régulier
    Envoyé par Pill_S
    L'élément dialogue! Enfin!!
    En effet....

    Envoyé par Madmac
    Mais toujours pas d'élément de type grid. Google pénalise l'usage du tableau pour autre chose que des listes de données. Mais il n’empêche que c`est souvent la solution la plus performante sur une machine qui n'est pas puissante.
    <table> se suffit à lui même du moment qu'on utilise les attributs adéquates. Bien sûr j'écris cela dans le cas où il y a un besoin d'afficher des données tabulaire. Si c'est le cas d'afficher une page avec une mise en page table, c'est une excellente pratique à proscrire.....
  • TiranusKBX
    Expert confirmé
    Ce n'est pas osé de sortir une nouvelle spécification alors que que tout le contenus de la 5.0 n'est pas intégré ?
  • Uther
    Expert éminent sénior
    Il reste quoi de la version 5.0 qui n'est pas intégré par la majorité des navigateurs ?
  • Lutarez
    Membre chevronné
    Envoyé par TiranusKBX
    Ce n'est pas osé de sortir une nouvelle spécification alors que que tout le contenus de la 5.0 n'est pas intégré ?
    Le W3C n'est responsable que de l'écriture des spécifications, pas de leurs implémentations. Le fait que les éditeurs de navigateurs n'aient finalement aucune contrainte d'implémentation est finalnement, à mon avis, le plus gros défaut de ce processus.
  • madsenfr
    Futur Membre du Club
    Pour tester ces nouvelles balises sur votre navigateur, rendez-vous sur http://html5demo.braincracking.org/

    - <picture> est supporté par tous les navigateurs récents.
    - <detail> n'est pas supporté par Edge.
    - <dialog> n'est supporté que par Chrome.
  • Muchos
    Membre expert
    Envoyé par Madmac
    Mais il n’empêche que c`est souvent la solution la plus performante sur une machine qui n'est pas puissante.
    Vous voulez dire&#8239;: la solution pour des mises en page&#8239;? Si oui, il y a CSS pour ça. En outre, il me semble au contraire que la génération d’un tableau est très consommatrice.
  • Pill_S
    Membre expert
    Envoyé par niuxe
    Oui bon, d'ici à ce qu'on puisse l'utiliser au quotidien il va falloir attendre encore un peu c'est sûr...

    Mais d'ici 5 ans on pourra avoir une syntaxe propre pour les popup, popin et autres
  • Madmac
    Membre extrêmement actif
    Envoyé par Muchos
    Vous voulez dire&#8239;: la solution pour des mises en page&#8239;? Si oui, il y a CSS pour ça. .
    Je sais que la version CSS existe. Mais est-ce que ta as tenté de faire une "page réactive" avec ce truc ? En raison d'une logique étrange 2 Div horizontale dans l'ordre 1 et 2, ce retrouve verticalement 2 et 1 !

    Envoyé par Muchos
    En outre, il me semble au contraire que la génération d’un tableau est très consommatrice.
    Je suis convaincu que la solution équivalente en Javascript est plus gourmande. Et en plus, beaucoup plus lente!