Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
2Activity
0 of .
Results for:
No results containing your search query
P. 1
Intro Html5

Intro Html5

Ratings: (0)|Views: 16|Likes:
Published by ratomms

More info:

Published by: ratomms on Aug 09, 2012
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

01/20/2014

pdf

text

original

 
Introduction à HTML5
par Synbioz(Gardez le fil) (Blog)
Date de publication : 07 janvier 2012Dernière mise à jour :
HTML5 est une évolution de la norme HTML dont le but avoué est de faciliter ledéveloppement d'interfaces utilisateur riches. HTML5 est beaucoup plus orienté applicatif que ses prédécesseurs et veut permettre de s'affranchir de plugins pour utiliser au maximumles technologies Web natives pour construire une application riche.L'article original peut être lu sur le blog de
Synbioz
:
Introduction à HTML5
.
 
Introduction à HTML5 par Synbioz(Gardez le fil) (Blog)- 2 -Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentationconstitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2012Synbioz. Aucune reproduction, même partielle, ne peut êtrefaite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourezselon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Cette page est déposée à la SACD.
http://synbioz.developpez.com/tutoriels/xhtml/introduction-html5/
HTML5, pourquoi ?......................................................................................................................................................3Nouvelle structuration..................................................................................................................................................3Microdata......................................................................................................................................................................5Les formulaires.............................................................................................................................................................5 Audio et vidéos natifs..................................................................................................................................................7Canvas.........................................................................................................................................................................7 API JavaScript enrichie................................................................................................................................................7Trouver des éléments via l'API DOM.....................................................................................................................7Trouver des éléments via les sélecteurs CSS (API Selectors).............................................................................7 Attributs personnalisés data-*................................................................................................................................8Les listes de classes..............................................................................................................................................8Cookies on steroïds: localStorage et sessionStorage...........................................................................................8Bases de données WebSQL..................................................................................................................................9 API de cache..........................................................................................................................................................9Les sockets Web....................................................................................................................................................9Géolocalisation......................................................................................................................................................10 Accès à l'historique...............................................................................................................................................10Gestion des fichiers..............................................................................................................................................11Webworkers..........................................................................................................................................................12CSS3..........................................................................................................................................................................12Les nouveaux sélecteurs CSS: nth-child(even), nth-child(odd), :not, first-child ?................................................12La gestion des polices.........................................................................................................................................13Gestion de colonnes.............................................................................................................................................13Maîtrise de l'opacité..............................................................................................................................................13Bordures arrondies...............................................................................................................................................13Dégradés...............................................................................................................................................................14Fonds redimensionnables.....................................................................................................................................14Fonds multiples.....................................................................................................................................................14Ombrages.............................................................................................................................................................14Transitions et transformation................................................................................................................................15Conclusion..................................................................................................................................................................15Remerciements..........................................................................................................................................................16
 
Introduction à HTML5 par Synbioz(Gardez le fil) (Blog)- 3 -Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentationconstitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2012Synbioz. Aucune reproduction, même partielle, ne peut êtrefaite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourezselon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Cette page est déposée à la SACD.
http://synbioz.developpez.com/tutoriels/xhtml/introduction-html5/
HTML5, pourquoi ?
HTML5 est une évolution de la norme HTML regroupant un ensemble de technologies : SVG, CSS3, WebGL, File API, MathML…Le but avoué de cette nouvelle version de HTML est de faciliter le développement d'interfaces utilisateur riches.HTML5 est beaucoup plus orienté applicatif que ses prédécesseurs et veut permettre de s'affranchir de plugins pour utiliser au maximum les technologies Web natives pour construire une application riche.HTML5 arrive donc avec beaucoup de nouvelles capacités disponibles depuis une API vaste et variée. On pourranotamment communiquer avec des fonctions matérielles (micro, webcam, carnet d'adresses…) par l'intermédiaired'API.On peut facilement grâce à HTML5 visionner des vidéos sans plugin, ajouter des effets visuels aux textes, images,vidéos… On peut aussi utiliser des polices non standards, dessiner en SVG, faire de la 3D…Voyons les choses qui me semblent être les plus intéressantes avec quelques exemples d'utilisation.
Nouvelle structuration
En premier lieu, HTML5 met largement à jour le système de balisage et donc la structuration d'une page. Voici àquoi pourrait ressembler une page-type utilisant certaines nouvelles balises pour améliorer la dimension sémantiquedu code :
<body> <header> <hgroup> <h1>Titre</h1>  <h2>Sous-titre</h2>  </hgroup> </header> <nav> <ul>Navigation </ul> </nav> <section> <article> <header> <h1>Titre</h1>  </header> <section>Contenu... </section> </article> <article> <header> <h1>Titre</h1>  </header> <section>Contenu </section> </article> </section> <aside>Liens externes </aside> <figure> <img src="..."/>

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->