Introduction HTML5

Exemples HTML5 dans chaque chapitre

Exemple

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Votre navigateur ne prend pas en charge la balise vidéo.
</video>
</body>
</html>

Essayer vous-même

Cliquez sur 'Essayer vous-même' pour voir comment cet exemple fonctionne.

Qu'est-ce que HTML5 ?

HTML5 est le dernier standard HTML.

HTML5 est conçu spécifiquement pour héberger des contenus web riches sans nécessiter de plugin supplémentaire.

HTML5 possède de nouveaux éléments sémantiques, graphiques et multimédias.

Les nouveaux éléments et les nouveaux API fournis par HTML5 simplifient la construction des applications web.

HTML5 est multiplateforme et conçu pour fonctionner sur différents types de matériel (PC, tablette, téléphone, téléviseur, etc.).

Remarque :Dans les chapitres suivants, vous apprendrez comment 'aider' les navigateurs anciens à gérer HTML5.

Nouveaux contenus dans HTML5 ?

La nouvelle déclaration de type de document (DOCTYPE) dans HTML5 est très simple :

<!DOCTYPE html>
La nouvelle déclaration de codage de caractères (charset) est également très simple :
<meta charset="UTF-8">

Exemple HTML5 :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titre du document</title>
</head>
<body>
Contenu du document......
</body>
</html>

Remarque :Le codage de caractères par défaut dans HTML5 est UTF-8.

Nouvelle syntaxe des attributs HTML5

Le standard HTML5 permet 4 syntaxes d'attributs différentes.

Cet exemple démontre l'utilisation de différentes syntaxes dans l'étiquette <input> :

Type Exemple
Vide <input type="text" value="Bill Gates" disabled>
Non coté <input type="text" value=Bill Gates>
Coté double <input type="text" value="Bill Gates">
Coté simple <input type="text" value='Bill Gates'>

Dans la norme HTML5, selon les besoins des attributs, l'un des quatre syntaxes peut être utilisé.

Nouvelles fonctionnalités de l'HTML5

Certaines des nouvelles fonctionnalités les plus intéressantes de l'HTML5 :

  • Nouveaux éléments sémantiques, tels que <header>, <footer>, <article> et <section>.
  • Nouveaux contrôles de formulaire, tels que les nombres, les dates, les heures, les calendriers et les glissières.
  • Support d'image puissant (par l'intermédiaire de <canvas> et <svg>)
  • Support multimédia puissant (par l'intermédiaire de <video> et <audio>)
  • Nouveaux API puissants, comme le remplacement des cookies par le stockage local.

Éléments supprimés de l'HTML5

Les éléments HTML 4.01 suivants ont été supprimés de l'HTML5 :

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>