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

 

lire La Suite

Concevez votre site web avec HTML et css - introduction

Bonjour chères geeks ,

vous souhaitez devenir développeur web ? vous souhaitez être capable de créer un site web mais vous êtes débutant dans ce domaine ?

alors qu'une bonne nouvelle , vous êtes exactement là où vous devez être.

dans ce cours , on va apprendre ensemble les bases de l' HTML et le CSS.


Les langages HTML et CSS sont à la base du fonctionnement de tous les sites web. Quand vous consultez un site avec votre navigateur, il faut savoir que, en coulisses, des rouages s'activent pour permettre au site web de s'afficher. L'ordinateur se base sur ce qu'on lui a expliqué en HTML et CSS pour savoir ce qu'il doit afficher.

 vous propose ce document , il contient le cours detaillé , des quiz , des conseils d'or ... :


par ici :  - >   Apprenez à créer votre site web avec HTML5 et CSS3

lire La Suite