Mémento

Code minimal d'une page web au format HTML

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Titre de la page affiché dans la barre du navigateur</title>
   </head>

   <body>

   </body>
</html>

Commentaires

<!-- Mon premier commentaire -->

Balises générales

Balise Description Auto-fermante ?
<html> Balise principale, elle est obligatoire au début et à la fin de la page  Non
<head> En-tête de la page. Le contenu de cette balise ne s'affiche pas  Non
<body> Encadre le contenu de la page  Non

Balises de l'en-tête

Balise Description Auto-fermante ?
<link /> Déclaration d'une feuille de style (CSS)  Oui
<meta /> Métadonnées de la page HTML  Oui
<script> Déclaration d'un fichier JavaScript (JS)  Non
<title> Titre de la page HTML  Non

Balises génériques ou universelles

Les balises génériques ou universelles sont des balises qui n'ont pas de sens sémantique. En effet, toutes les autres balises ont un sens. La balise <p> représente un paragraphe, la balise <time> une date ou heure, etc. Ces balises sont utilisées pour la construction d'un site quand aucune autre balise plus sémantique n'est possible.

Balise Description Auto-fermante ?
<div> Balise générique, sans sens sémantique, de type block  Non
<span> Balise générique, sans sens sémantique, de type inline  Non

Balises de structation du texte

Balise Description Auto-fermante ?
<abbr> Abréviation  Non
<blockquote> Citation longue  Non
<q> Citation courte  Non
<strong> Mise en valeur forte  Non
<h1> Titre de niveau 1. On compte seulement une balise <h1> par page  Non
<h2> Titre de niveau 2. Il peut y avoir plusieurs <h2> par page  Non
<h3> Titre de niveau 3. Il peut y avoir plusieurs <h3> par page  Non
<h4> Titre de niveau 4. Il peut y avoir plusieurs <h4> par page  Non
<h5> Titre de niveau 5. Il peut y avoir plusieurs <h5> par page  Non
<h6> Titre de niveau 6  Non
<p> Paragraphe de texte. Cette balise peut en contenir d'autres mais pas la totalité  Non
<a> Lien hypertexte  Non
<img /> Image  Oui
<time> Date ou heure  Non
<s> Texte barré  Non
<sub> En indice  Non
<sup> En exposant  Non
<hr /> Barre horizontale / rupture thématique  Oui

Balises pour la gestion des listes

Balise Description Auto-fermante ?
<ul> Liste à puces, non numérotée  Non
<ol> Liste numérotée  Non
<li> Élément d'une liste  Non

Balises structurantes ou sectionnantes

Ces balises permettent de structurer le site web et apportent une touche de sémantique.

Balise Description Auto-fermante ?
<header> Partie supérieure de la page, en-tête  Non
<footer> Pied de page  Non
<nav> Navigation  Non
<aside> Contenus complémentaires  Non
<article> Article  Non
<section> Section d'une page. Il peut y avoir N sections par page  Non