Nouveautés HTML5
HTML5 répond aux besoins liés aux innovations technologiques
- mobilité
- géolocalisation
- formulaires intelligents
- audio
- vidéo
- animations
- microformats
- gliser déposer
- applis web hors ligne
- lecture écriture de fichiers locaux
- gestion de l'historique du navigateur
- ...
Syntaxe plus permisive que XHTML
- le "/" fermant des balises vides n'est plus obligatoire
- la casse des noms de balise et d'attributs n'est plus nécessairement minuscule
- la valeur d'un attribut ne nécessite pas des quotes (sauf si la valeur contient : " ' ‘ =
<>)
- la valeur d'un id peut contenir des caractères exotiques (id="♥" par exemple). La valeur doit au moins contenir un caractère et aucun espace
- la balise fermante des éléments : html, head, body, dt, dd, li thead, tbody, tfoot, tr, td, th, colgroup, p, option, ne sont plus obligatoires
- simplification du doctype : <!doctype html>
- simplification de la balise html : <html lang="fr">
- simplification de la description du jeu de caractères qui doit toujours précéder l'élément title: <meta charset="utf-8">
- simplification de l'appel à un javascript : <script src="script.js"></script>
- simplification de l'appel à une feuille de style : <link rel="stylesheet" href="styles.css">
De nouveaux éléments sémantiques
- article
- aside
- audio
- canvas
- command
- datalist
- details
- embed
- figcaption
- figure
- footer
- header
- keygen
- main
- mark
- meter
- nav
- output
- progress
- rp
- rt
- ruby
- section
- source
- summary
- time
- track
- video
- wbr
Les formulaires
Les formulaires font l'objet de nombreuses nouveautés en HTML5 :
- de nouveaux types pour l'élément input
- de nouveaux attributs
- de nouveaux éléments