7/22/2013

A la découverte de HTML5



1- Qu'est-ce que le Html5

            
         Le langage html est un langage de balisage utilisé pour écrire les pages web. Ce langage a évolué en améliorant ses performances et champs d'applications pour en etre aujourdh'hui à sa 5ème version.  La version la plus repandue est encore la 4.01 dite transitional.
        La dernière version, c'est-à-dire le HTML5  contrairement à Html4 et ses prédécesseurs  qui se focalisaient  sur le contenu
   de la page web,  est centré  sur les applications web et l'interactivité, en apportant  un plus  à l'accessibilité et à la

           sémantique,  en facilitant la gestion des medias(images, audios,videos).
                    Elle vient donc avec un ensemble d'API javascript, qui fournissent entre autres des
          fonctionnalités de géolocalisation, de dessin , de la lecture audio et video
          et devient donc une sérieuse alternative au flash .




2- Les nouveautés

       - La sémantique et l'accessibilité

                    On pourra noter la présence de nouvelles balises qui améliorent la sémantique comme:
            <header>, <main>,<aside>,<footer>,<email>, etc. Ces balises permettent de donner plus
          de sens au contenu des pages, et en améliorent donc l'accessibilité.


       - L'audio et la video

               La gestion des fichiers images, audio et video est rendu plus facile. Grace à des balises
      comme <audio> et <video>, on a plus à se soucier du navigateur ou des codecs ( problèmes
        rencontrés avec flash). Donc HTML5 simplifie grandement l'utilisation de ces medias.
              Grace à la balise <track> on peut aussi ajouter des sous-titres à une video.


        - Les images

                   En plus des divers formats d'images que l'on peut utiliser jusqu'à aujourdh'ui, on a  la
    possibilité d'utiliser des images vectoriels. La balise <canvas> permet de dessiner des figures
    en s'aidant de javascript. On peut definir un ensemble d'images à afficher grace à l'élément
   <figure>.


      - La géolocalisation
            
                 Pour localiser une personne le moyen le plus sur reste toujours le GPS. Mais pour un
    navigateur sur un ordinateur sans GPS, HTML% fournit une API qui interroge des bases de
    données d'adresses IP qui donnent à peu près une idée de la localisation.
              Mais cette fonctionnalité reste surtout interessante pour les mobiles.
               

      - Le P2P

                 Nous connaissons tous le P2P (Peer-to-peer) grace à nos chers torrents. Eh bien HTML5,
  se voit doté de la capacité de réaliser des connexions entre utilisateurs PeerToPeerConnection(), et également grâce aux websockets. Bientot c'est dans nos navigateurs que nous telechargerons nos
torrents, pourquoi pas? hahaha.

      - Le mode hors-ligne

               HTML5 permet egalement de développer des  applications qui peuvent continuer de
         fonctionner hors ligne.   


   3-  Les APIs

                     Toutes ces nouvelles fonctionnalités citées plus haut sont rendues possibles grace à des
   APIs en javascript dont voici quelques-uns:
  • une API de dessin 2D utilisée avec la nouvelle balise canvas;
  • une API pour jouer des vidéos et des sons/musiques utilisée avec les nouvelles balises video et audio;
  • une API utilisée pour les applications hors-lignes;
  • une API d'édition en combinaison avec le nouvel attribut contenteditable;
  • une API de drag and drop en combinaison avec l'attribut draggable;

    4- Conclusion

                HTML5   se classe donc très en avant de ses prédécesseurs et fait présager un bel avenir
        pour le web. Combiné à CSS3 et JavaScript, il est un outil très puissant, et devient une
        plateforme  privilégiée aussi bien pour les ordinateurs que pour les mobiles.
                 Dans nos prochains articles, nous aborderons des aspects plus techniques du   HTML5
        pour voir concrètement de quoi il en retourne. En attendant ne vous laissez pas  distancer.


  

Aucun commentaire:

Enregistrer un commentaire

Ajouter un commentaire

HTML5::: La géolocalisation

1- Introduction            Le but de cet article est d'apprendre à implémenter la geolocalisation sur votre site web, en se se...