Le site de Patrick Darcheville

Tutoriel HTML 5

Initiation HTML5

Apprentissage HTML5

Tuto HTML5

Nouveautés avec la version 5 de HTML

HTML5 pour les nuls

HTML5 facile

Ci-dessus exemple de géolocalisation utilisant sur l'API geolocation de HTML5 mais aussi google Maps.

Ne fonctionne que si vous utilisez la version https (version sécurisée) de la page et si votre navigateur autorise la géolocalisation (voir paramètres du navigateur).
Or comme le passage de mon site au protocole HTTPS est récent il se peut que le moteur de recherche vous propose encore la version HTTP de la page.

Ce tutoriel n'est pas destiné aux débutants en HTML & CSS. Il se contente de signaler toutes les nouveautés apportées par la version 5 de HTML et s'adresse donc aux développeurs web déjà expérimentés.
Ceux qui débutent dans la programmation web doivent visiter dans le même site le tuto intitulé "Pour les débutants" afin d'acquérir les notions de base en HTML, CSS mais aussi PHP.

Compte tenu de son importance l'API Canvas fait l'objet d'un tutoriel spécifique dans ce site.

Attention HTML5 est en cours d'implémentation. La prudence exige de ne pas encore utiliser certaines nouveautés introduites par cette version. Je prends un seul exemple : le champ de type date (input type = "date"). Ce type n'est pas intégré par IE et Firefox. Donc il est préférable de recourir encore à jQuery UI pour la saisie d'une date ou encore à créer trois champ de type number (jour, mois, année) ou trois listes déroulantes.

Différents chapitres du tutoriel

Dans chaque page des extraits de code figurent dans des encadrés roses. Sur les mobiles, seules les premières lignes apparaissent. Il suffit de toucher l'encart pour le déplier.