Les nouveautés du HTML5

Bonsoir.

Comme vous le savez sûrement, je suis très intéressée par les technologies du web et l’ouverture en général (comprenez que pour moi, les logiciels libres ou les technologies ouvertes à des communautés d’utilisateurs auront toujours plus d’avenir, selon moi, que les produits 100% propriétaires…), je voulais faire ici  un petit résumé sur le HTML5 qui est probablement l’avenir du web.

html5
Cette image est une bonne illustration, en anglais, des nouveautés offertes par le HTML5.

Voici donc de quoi il s’agit.

Le HTML5 est un langage de programmation web, bien sûr basé sur le HTML, qui permet de créer des pages structurées grâce à des éléments prédéfinis et utilisables directement comme une en-tête, un paragraphe, un menu, etc. Cette dernière version du HTML met à disposition des développeurs beaucoup de nouveaux éléments dont le but principal est d’améliorer l’expérience utilisateurs et l’interaction entre le document et ses lecteurs.

html5_structure

Modèle standard d'une page en HTML5

Pour cela, le HTML5 a été conçu pour devenir une plateforme simple, légère et universelle pour permettre aux créateurs d‘enrichir leurs publications facilement et d’être compatible avec les plateformes mobiles.

Voici un aperçu des principaux éléments introduits par le HTML5 et leurs possibilités :

  1. Canvas
  2. Cet élément permet d’afficher des graphiques en 2D ou 3D, des images, une sorte de « tableau noir » où l’utilisateur peut écrire où dessiner, ou bien même contenir des mini jeux. Cet objet va probablement vivement concurrencer le Flash et finir par s’imposer comme standard. Voici toute une pléiade d’utilisations du canvas, je vous laisse observer c’est impressionnant !

  3. Elément vidéo & audio
  4. Ces 2 éléments simplifient énormément l’insertion de média. La seule petite ligne <v ideo width= »400″ height= »360″ src= »vid.mp4″ > vous permet d’insérer une vidéo dans votre page. D’autres attributs offrent même la possibilité de personnaliser les players et les options de lecture.

  5. Géolocalisation
  6. Comme son nom l’indique cette API, couplée avec un peu de JavaScript, permet de déterminer la position géographique de l’utilisateur en récupérant la latitude et la longitude grâce aux antennes Wifi et aux GPS des appareils mobiles. Testez par vous même !

  7. Applications hors-ligne
  8. Cette fonction va permettre aux utilisateurs de continuer à interagir avec leurs applications et les donénes qu’elles contiennent sans être connecté à internet. Thunderbird ou Outlook sont des applications qui vous permettent de travailler avec les informations de la dernière connexion, tout en restant hors ligne. Le HTML5 offre la possibilité d’avoir cette même fonctionnalité, mais dans le navigateur.

Pour l’instant la compatibilité des navigateurs principaux, à savoir Chrome, Firefox, Safari et Opéra, laisse encore à désirer sur certains éléments mais la plupart des nouvelles fonctionnalités est déjà disponible et les mises à jours quasi-permanentes des navigateurs ne vont pas tarder à corriger les derniers détails.
Mais une chose est sûre, quand les développeurs maîtriseront le HTML5 et quand les utilisateurs auront migré vers les nouveaux navigateurs, la création web n’aura de limite que votre imagination 😉 !
Publicités

À propos de marinemat15

Diplômée ingénieure en informatique, j'aime particulièrement les technologies web et mobile. Je partage mes centres d'intérêt (high-tech, Android, linux et l'open source...) sur les réseaux sociaux (Twitter, Google ) et sur ce blog :-). Et quand je ne suis pas devant l'écran, je roule en moto !

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

%d blogueurs aiment cette page :