Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de l

Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. HTML5 Michel Buffa (buffa@unice.fr), UNSA 2012 Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Historique Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Historique HTML4 en 1999, beaucoup de changements depuis… Cooperation entre le World Wide Web Consortium (W3C) et le Web Hypertext Application Technology Working Group (WHATWG). WHATWG travaillait sur de nouveaux formulaires et applications, le W3C sur XHTML 2. En 2006, ils ont décidé de coopérer pour créer HTML5. Forte implication des industriels et fabriquants de navigateurs Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Historique (2) Des “règles” ont été établies Toutes les nouvelles fonctionnalités seront basées sur HTML, CSS, DOM, et JavaScript Réduire au maximum la nécessité de plugins externes comme Flash, Meilleure gestion des erreurs Essayer de remplacer par des tags ce qui se fait en masse avec du script (menus, etc) HTML5 doit supporter plusieurs devices (mobiles…) Le processus de développement doit être ouvert au public Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Les nouveautés ! Des démos avant d’aller plus loin ! Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ressources pour démos, tutos et exemples Page de ressources HTML5 régulièrement mise à jour : http://tinyurl.com/7px5gpe Autres démonstrations utilisées http://slides.html5rocks.com/ http://www.w3.org/2010/Talks/0430-www2010-plh/ http://www.htmlfivewow.com http://io-2011-html5-games-hr.appspot.com/#1 Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Supports de HTML5 dans les navigateurs Tout n’est pas encore supporté, voir : http://caniuse.com/ : tables de compatibilité régulièrement mises à jours, http://html5please.us/ : donne l’état des lieux pour chaque feature + indique des solutions de repli, http://html5test.com/ : test interactif de votre navigateur, http://www.quirksmode.org/html5/inputs_mobile.html Pour cours nous testerons sur des versions récentes des navigateurs Nous verrons aussi quelques outils permettant d’assurer la compatibilité avec d’anciens navigateurs Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Supports de HTML5 dans les navigateurs Les navigateurs en pointe : Opera (un des développeurs d’Opera est à l’origine de HTML5), ceux basés sur WebKit (Chrome, Safari, y compris sur mobiles), Firefox (un peu de retard) Et IE ? Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Internet Explorer… Ca va changer : IE 10 beta promet un très bon support, Grosse activité HTML5 chez Microsoft, Bureau Windows 8 = un navigateur Solutions de repli pour vieux IE… Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Structure générale d’un document HTML5 Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Un document minimal <!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Titre de la page</title> <link rel="stylesheet" href="style.css"> <script src="script.js"></script> </head> <body> ...  ... </body> </html> Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Ce support de cours est protégé par les articles L-111-1 à L-335-4 du code de la propriété intellectuelle. Toute représentation ou reproduction intégrale ou partielle faite sans le consentement de l'auteur ou de ses ayant droit ou ayant cause est illicite. Tout contrevenant s'expose à des poursuites. Remarques Doctype simple à mémoriser, Plus de « type= » dans la balise <link>, utilisation de « rel=» à la place Nombreuses valeurs possibles pour rel : stylesheet, author, icon, prefetch, next, prev, etc. Plus de « type= uploads/S4/ html5.pdf