html 5

Publié le par
Le DOCTYPE en HTML5

Le DOCTYPE en HTML5

La première ligne d’un document HTML est le DOCTYPE. Il indique au navigateur quel type de document il doit interpréter. 

<!doctype html>

À quoi sert le DOCTYPE ?

  • Il informe le navigateur que la page utilise HTML5
  • Il active le mode standard du navigateur
  • Il évite des erreurs d’affichage

Pourquoi est-il indispensable ?

Sans DOCTYPE, le navigateur peut interpréter la page avec de mauvaises règles, notamment pour l’encodage des caractères.

Exemple d’affichage sans DOCTYPE

<html>
<head>
  <title>Page sans DOCTYPE</title>
</head>
<body>
  <p>Les accents sont mal affichés : é à è ç ù ô î</p>
</body>
</html>

Affichage possible :

Les accents sont mal affichés : é à è ç ù ô î

Exemple correct avec DOCTYPE et encodage

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Page HTML5 correcte</title>
</head>
<body>
  <p>Les accents sont correctement affichés : é à è ç ù ô î</p>
</body>
</html>

Formats d’images acceptés en HTML

Le HTML permet d’afficher des images grâce à la balise <img>.

Formats couramment utilisés

  • JPEG (.jpg / .jpeg) : photographies
  • PNG (.png) : images avec transparence
  • GIF (.gif) : animations simples
  • SVG (.svg) : images vectorielles
  • WebP (.webp) : format moderne et léger

Formats à éviter

  • BMP (.bmp)
  • TIFF (.tiff)
  • HEIC / HEIF

Insertion d’une image

<img src="image.jpg" alt="Description de l’image">

RGAA – Accessibilité :
L’attribut alt est obligatoire selon le RGAA (Référentiel Général d’Amélioration de l’Accessibilité). Il fournit une alternative textuelle aux utilisateurs de lecteurs d’écran et permet la compréhension du contenu lorsque l’image ne s’affiche pas.

Une image purement décorative doit utiliser un attribut alt="".

À retenir

  • Le DOCTYPE active le mode HTML5
  • L’encodage UTF-8 est indispensable
  • Les images doivent utiliser des formats web adaptés
  • L’attribut alt est obligatoire (RGAA)
  • La balise <img> ne fonctionne pas par paire