Wiki SGY.io - web:html5 https://wiki.sgy.io/ 2026-05-12T12:14:14+00:00 Wiki SGY.io https://wiki.sgy.io/ https://wiki.sgy.io/_media/wiki:logo.png text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) canvas https://wiki.sgy.io/web:html5:canvas?rev=1755361811&do=diff HTML5 Canvas * W3Schools HTML5 Canvas Étapes pour utiliser Canvas * Définir un élément <canvas>. * Obtenir le canvas par ID. * Accéder au contexte 2d. * Dessiner des formes. Étape 1 : Définir le canvas <canvas id="canvas" width="400" height="200"> Canvas not supported. </canvas> text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) file_system_api https://wiki.sgy.io/web:html5:file_system_api?rev=1755361811&do=diff File System API Features * Asynchronous API * Sandboxed Data Capacity La capacité dépend de l'implémentation du navigateur, qui peut varier d'un à l'autre. Par exemple, Chrome peut aller jusqu'à un peu moins de 600 mo. text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) hors_ligne https://wiki.sgy.io/web:html5:hors_ligne?rev=1755361811&do=diff Applications Web Hors-ligne Offline.js On peut utiliser offline.js pour gérer le fait que l'application n'a plus de connexion. On peut aussi utiliser offline-simulate-ui.min.js pour simuler le fait d'être hors-ligne. On a seulement besoin d'ajouter ce script à la page pour qu'un checkbox s'affiche automatiquement. Celui-ci sert pour activer le mode text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) indexeddb https://wiki.sgy.io/web:html5:indexeddb?rev=1755361811&do=diff IndexedDB IndexedDB permet de stocker des données localement au niveau du client. Ce stockage peut être utile par exemple en mode itinérance, là où l'accès à un réseau n'est pas toujours possible. Caractéristiques * API Asynchrone * text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) introduction https://wiki.sgy.io/web:html5:introduction?rev=1755361811&do=diff HTML5 : Introduction Structure de base <!doctype html> <html> <head> <title>Titre</title> </head> <body> I like apples and oranges. </body> </html> Pour le support de plus vieux navigateurs: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Template HTML5</title> <link rel="stylesheet" href="css/styles.css?v=1.0"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </he… text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) localstorage https://wiki.sgy.io/web:html5:localstorage?rev=1755361811&do=diff LocalStorage text/html 2025-08-16T16:30:11+00:00 Anonymous (anonymous@undisclosed.example.com) toc https://wiki.sgy.io/web:html5:toc?rev=1755361811&do=diff HTML5 * HTML5 : Structure de base * HTML5 Canvas * File System API (deprecated) * LocalStorage * IndexedDB * Applications Web Hors-ligne Ressources * HTML Reference