Google passe Chrome à l'heure du HTML 5.1

01 septembre 2014 à 10h36
0
Alors que les spécifications du HTML 5 n'ont pas encore été ratifiées par le W3C, Google s'intéresse déjà à la prochaine version.

00C8000005762684-photo-google-chrome-beta-android-logo-gb-sq.jpg
A l'heure actuelle, tous les principaux navigateurs multiplient la prise en charge des éléments du HTML5 / CSS3 pour des sites Internet davantage interactifs, plus modernes, plus accessibles et dotés d'un agencement dynamique. Pour Chrome, Google amorce l'introduction de nouvelles balises prévues pour la version 5.1 du HTML au W3C.

Plus précisément, la nouvelle version bêta de Chrome - Chrome 38 - embarque la prise en charge de la balise <picture>, laquelle offrirait davantage de flexibilité que <img>. L'idée est d'optimiser au maximum l'affichage des images dans un design de type responsive, c'est-à-dire dont les éléments sont dynamiquement ré-ajustés en fonction de la définition de l'écran.

A l'heure actuelle pour une image donnée, il est possible de la redimensionner automatiquement via une propriété dans la feuille de style (width:100%; height:auto;), toutefois, cela signifie que la même image sera chargée sur PC, tablettes ou smartphones, or il peut être laborieux de charger une image de plusieurs méga-octects via une connexion 3G...

Chrome 38 bêta introduit alors la balise <picture>, laquelle permet d'envoyer plusieurs versions d'une même photo en fonction de la définition ou de la densité de pixels de l'appareil utilisé par l'internaute. Si ce type de procédé existent déjà via JavaScript, il sera alors standardisé au HTML.

Reste à savoir si les autres éditeurs emboîteront le pas à Google pour l'introduction de cette nouvelle balise, laquelle resterait sinon quasi-inutisable si Chrome est le seul à la gérer.



<picture>
<source media="(min-width: 45em)" srcset="grande-image-pour-pc.jpg">
<source media="(min-width: 32em)" srcset="moyenne-image-pour-tablettes.jpg">
<img src="petite-image-pour-smartphones.jpg" alt="la légende de la photo.">
</picture>


A lire également :
Post PC : est-il temps d'adopter le Responsive Web Design ?




Soyez toujours courtois dans vos commentaires.
Respectez le réglement de la communauté.
0
0

Actualités du moment

Orange attaque Free en justice pour violation de brevets sur la TV de rattrapage
Free renonce à Bouygues Telecom mais reste intéressé par T-Mobile aux USA
Opera : meilleure gestion des onglets et une bêta sur Windows Phone
Microsoft corrige la corruption des fichiers Office dans OneDrive
HTC : 5 smartphones bénéficient désormais de 100 Go sur Google Drive
Comment régler les couleurs de son écran PC ?
4 techniques simples pour nettoyer son PC
Alimentation de 850 W pour le multi-GPU chez Corsair
De Facebook... à Sexebook, réseau social coquin ?
Netflix perdra Starz fin février 2012
Haut de page