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 ?




Modifié le 01/06/2018 à 15h36
0
0
Partager l'article :

Les actualités récentes les plus commentées

Renault accuse une perte nette de 141 millions d'euros en 2019
L'Europe s'est équipée de parcs éoliens offshore d'une capacité record de 3,6 GW en 2019
Une taxe sur chaque connexion aux réseaux sociaux, pour remplacer la redevance TV ?
Des températures supérieures à 20 °C enregistrées pour la première fois en Antarctique
Volkswagen et E.ON dévoilent un projet de stations de charge rapide pour véhicules électriques
Citroën devrait dévoiler une voiture électrique particulièrement abordable le 27 février
L'iPhone 11 Pro émet deux fois plus de radiations que la limite recommandée
La justice allemande demande à Tesla de mettre en pause la construction de sa Gigafactory
Le Batman interprété par Robert Pattinson se dévoile en vidéo

Notre charte communautaire

1. Participez aux discussions

Nous encourageons chacun à exprimer ses idées sur les sujets qui l'intéressent, et à faire profiter l'ensemble de la communauté de son expertise sur un sujet particulier.

2. Partagez vos connaissances

Que vous soyez expert ou amateur passionné, partagez vos connaissances aux autres membres de la communauté pour enrichir le niveau d'expertise des articles.

3. Échangez vos idées

Donnez votre opinion en étayant votre propos et soyez ouverts aux idées des autres membres de la communauté, même si elles sont radicalement différentes des vôtres.

4. Faites preuve de tolérance

Qu'il s'agisse de rédacteurs professionnels ou amateurs, de lecteurs experts ou passionnés, vous devez faire preuve de tolérance et vous placer dans une démarche d'entraide.

5. Restez courtois

Particulièrement lorsque vous exprimez votre désaccord, critiquez les idées, pas les personnes. Évitez à tout prix les insultes, les attaques et autres jugements sur la forme des messages.

6. Publiez des messages utiles

Chaque participation a vocation à enrichir la discussion, aussi les partages d'humeurs personnelles ne doivent pas venir gêner le fil des échanges.

7. Soignez votre écriture

Utilisez la ponctuation, prohibez le langage SMS et les majuscules, relisez-vous afin de corriger un peu les fautes de frappe et de français : trop de fautes n’engagent ni à lire le message, ni à répondre à une question.

8. Respectez le cadre légal

Ne publiez pas de contenus irrespectueux, racistes, homophobes, obscènes ou faisant l'apologie de courants radicaux, qu'ils soient politiques ou religieux. N'utilisez pas plusieurs comptes utilisateurs.

9. Ne faites pas de promotion

Ne profitez pas d'une discussion pour faire la publicité d'un produit, d'un service ou même de votre site web personnel.

10. Ne plagiez pas

Exprimez uniquement vos opinions ou partagez des idées en citant vos sources.

Discussions sur le même sujet

scroll top