Les nouveautés de l'HTML 5.1

Le W3C (World Wide Web Consortium) à annoncer le 1er novembre 2016 date de lancement de la version 5.1 du HTML. Le développement de cette version 5.1 avait débuté le 17 décembre 2012 et été validé le 1er novembre 2016. 

Le développement de cette spécification a débuté en décembre 2012 et a été validée en tant que recommandation par le W3C le 1er novembre 2016.

Nous allons voir les ajouts importants et les principales nouveautés disponibles avec la version 5.1.

Liste des nouveautés : 


1- Nouveaux types : week, month et datetime-local pour les zones de textes ( inputs ) :

- <input type="week"> 

pour sélectionner une semaine sous forme de : week / year.

- <input type="month"> 

pour sélectionner un mois spécifique sous forme de : month / year.

- <input type="datetime-local"> 

pour sélectionner une date sous forme de : day / month / year / hour / minute.

2- Détails et Summary :
 
Ces 2 balises nous permet de nous passer de l’utilisation de Javascript pour déplier un contenu, par exemple : créer un widget permettant d'afficher et de masquer du contenu sans JavaScript.

 <details> permet de représenter des informations qui ne seront visibles que lorsque nous cliquerons dessus. <summary> est un enfant de <details>, lorsque <summary> est absent, alors le nom par défaut sera « Detail ».

Pour le moment, Chrome, Opera, Firefox et Safari supportent ces nouvelles balises mais, il existe de nombreux polyfill . 

3- Picture et srcset :

Ce nouveauté a pour but d'améliorer le chargement des images en sélectionnant l'image à charger suivant la taille de l'écran de l'utilisateur. 

Donc ,si le navigateur n’est pas compatible, on affiche une image par defaut.

On utilise une " mediaquery " sur le composant fils "source" à travert l'attribue "media".

4- Menuitem et context :
  

Cette balise est n'agit pas sur la page en elle même mais sur le menu contextuel de l'utilisateur. En faisant un clic droit sur un élément ayant l’attribue « contextmenu », nous avons un nouveau menu personnalisé qui se présentera.

lien youtube :  cliquer ici 

  
La documentation officiel de la W3C : lien par ici