Phone number01 71 18 39 73

HTML5 - Brief Techno

Optimiser MySQL

HTML5 s'est imposé comme un nouveau standard du Web.

Ce langage permet de créer des sites plus dynamiques tout en simplifiant le code.

Ce brief techno fait une rapide synthèse du mode de fonctionnement de HTML5.

 

Définition HTML5

Le HTML5 est le prochain format standard de construction de pages web. Comme tout langage de développement, il a pour objectif de fixer des nouvelles normes faisant ainsi progresser les potentialités de création de pages de site web. Le HTML5 permettra, en particulier, de simplifier la mise en place de contenus plus riches et de favoriser l'interopérabilité et les traitements des différents navigateurs.

Il est souvent présenté comme le successeur du Flash, ou tout du moins comme un sérieux challenger de ce langage.

Avant de continuer, voici un exemple permettant d'utiliser des polices non stantard grâce au Web Open Font Format (WOFF). Sélectionner une police pour modifier les titres de cette page :

 

Liste des polices

Pour les entreprises, cette nouvelle version du HTML laisse entrevoir de jolies perspectives, notamment en webmarketing. Il marque ainsi le premier pas vers une mobilité généralisée des sites internet puisqu'il est lisible sur les navigateurs mobiles. Associé au CSS3, il permettra d'afficher de façon spécifique les données sur les différentes résolutions d'écran (tablettes, laptop, smartphones). Il décuple également les possiblités d'interagir avec les mobinautes puisqu'il permet de proposer des publicités et des applications plus interactives et accessibles depuis les navigateurs mobiles.

A l'heure du responsive design, où la portabilité des sites devient un enjeu majeur, ce nouveau standard pourrait bien devenir la référence en matiére de développement web. 

 

Une petite pause

Ce jeu du morpion utilise l'API Drag and Drop d’HTML5 pour permettre aux joueurs d'aligner en premier trois marques de sa couleur. Faites glisser une pièce verte dans une case pour commencer la partie.

Joueur 1

xerclexerclexerclexerclexercle
 
 
 
 
 
 
 
 
 

Joueur 2

croix croix croix croix
 

Impacts techniques

Les nouveautés du HTML5 portent notamment sur :

  • syntaxe : plus transparente pour le développeur et plus proche du rendu, grâce, par exemple, à des nouveaux tags comme <header>, <section>, <video>.
  • formulaires : création et gestion des formulaires facilitées
  • multimedia : meilleure intégration des contenus photo et vidéo
  • javascript : plus d'interactivité pour moins de lignes de code javascript

En fait, le HTML5, tout en facilitant l'interactivité avec les internautes (géolocalisation, consultation en mode déconnecté,etc.), simplifie techniquement les développements pour des supports différents (tablettes, smartphones, web). Une attention particulière devra être portée à la conception graphique de chacune des déclinaisons car il ne faut pas oublier que l'expérience utlisateur, et donc ses attentes, varient d'un support à l'autre.

 

Contenu du document

  • Définition HTML5
  • Présentation HTML5
  • Nouveautés HTML5
  • Notre avis sur le HTML5
  • Nos sources

 

Avant de partir

Faites attention, nous pouvons maintenant vous localiser en utilisant l'API de géolocalisation d'HTML5. Me localiser

Note : Pour voir les exemples ci-dessus, vous devez utiliser un naviguateur compatible HTML5.
x
Pour recevoir ce livre blanc, merci de nous laisser votre email* :
Veuillez patienter ...
Merci de saisir un email valide.
* Vos données sont confidentielles et ne seront pas transmises à des tiers