L’HTML 5 : Les nouveautés

htmlAujourd’hui je vais vous parler des nouveautés qu’il y a eu avec la sortie de l’HTML 5.

Il faut savoir déjà que L’HTML5 (HyperText Markup Language 5) est une évolution de l’HTML 4, ce n’est pas un nouveau langage. Pour utiliser l’ HTML 5, il faut préciser «<!DOCTYPE html>» au début de tout document en HTML. On peut donc voir que le DOCTYPE a beaucoup été allégé par raport aux autres versions !

L’HTML 5 nous fournis des nouveaux types d’entrée pour les formulaires : <input type= »tel » /> ou <input type= »url » /> par exemple, qui affichera un clavier adapté à ces 2 types pour téléphone.

L’atout principale reste les nouvelles balises qui donnent plus de « sens » au code.

On utilisera la div <nav> au lieu de <div id= »nav »> par exemple, et on retrouve la liste des balises ci-dessous :

  • <header>
  • <footer>
  • <nav> 
  • <aside> (C’est celle qu’on ne connais pas forcément, voici sa définition traduite de l’anglais : « Le contenu de la balise <aside> doit pouvoir exister par elle-même et être relative à son contexte dans la page »)
  • <article>

On retrouve aussi <canvas>. Elle permet de tracer des formes, faire des animations, etc… on peut par exemple utiliser WebGL (rendu 3D) ce qui peut donner des résultats impressionnants.

On retrouve la balise <audio> et <video> qui font apparaître un lecteur vidéo et un lecteur audio.

Je ne vais pas lister toutes les nouveautés, voici les plus importantes, vous pourrez trouver le reste dans la documentation officielle.

Pour ce qui est de la compatibilité, vous pouvez retrouver un récapitulatif ici http://fmbip.com/litmus/

 

html2

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>