Document HTML5 – pewederena

Spécification HTML 5.1 [EN]
Recommandation du W3C du 1er Novembre 2016
Rédacteurs : Steve Faulkner, Arron Eicholz, Travis Leithead, Alex Danilo, Erika Doyle Navara, Edward O’Connor, Robin Berjon

Recommandations du W3C disponibles en langue française

Déclarer la langue en HTML

La spécification HTML 4.01

XHTML 1.0 : Le langage de balisage hypertexte extensible
Une reformulation de HTML 4 en XML 1.0

Organisations

The Internet Engineering Task Force (IETF®)

Document HTML5 minimal valide

Un document HTML5 valide comprend à minima les éléments d’arborescence suivant :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Document HTML5 vierge minimal valide</title>
  </head>
  <body></body>
</html>

Afficher le document – Valider le document sur Unicorn (Le Validateur unifié du W3C)

Structure d’un document HTML5

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="UTF-8">

<!-- Commentaire HTML dans head -->

<title>Document HTML5</title>

<meta name="viewport" content="width=device-width">

<meta name="description" content="">
<meta name="" content="">
<meta name="robots" content="noodp">
<meta name="robots" content="index, follow">

<link rel="stylesheet" href="fichier.css">

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Chelsea+Market">

/* Commentaire CSS pouvant s'étaler sur plusieurs lignes */

<link rel="stylesheet" href="style.css" type="text/css" media="all">

<link rel="canonical" href="http://www.site.com/">

<!--[if lt IE 9]>
<script src="http://www.site.com/js/html5.js" type="text/javascript"></script>
<![endif]-->

<script type="text/javascript">
// Commentaire JavaScript sur une ligne
/* Commentaire JavaScript pouvant s'étaler sur plusieurs lignes */
</script>

<link rel="icon" type="image/png" href="favicon.png">

</head>

<body>

<!-- commentaire HTML dans body -->

</body>

</html>

Le Doctype

<!DOCTYPE html>

L’élément html (racine du document)

<html lang="fr"></html>

L’élément html représente l’élément racine d’un document HTML.

Utiliser l’attribut lang pour spécifier la langue du texte par défaut dans la page. Se rendre sur IANA Language Subtag Registry afin de déterminer la valeur de l’attribut.

L’élément head (entête du document)

<head>
</head>

L’élément meta

<meta charset="UTF-8">

L’élément title

<title>Titre de la page</title>

L’élément body (corps du document)

<body>
</body>

Les éléments enfants de l’élément head

title

link

style

script

base

Les éléments enfants de l’élément body

<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>

<p>Texte de paragraphe</p>

<br>

<hr>

<!– commentaire HTML –>

Déclaration XML

<?xml version="1.0"?>

Déclaration de type de document (DTD)

+++Héritage du SGML
+++Syntaxe XML ne s’applique pas à la DTD

Lors de la création d’un document (X)HTML valide, il est indispensable d’indiquer la version du (X)HTML utilisée par le document afin que le code source soit analysé par les différents navigateurs web avec le même référentiel de syntaxe pour un rendu uniforme.

Cette information se délivre sous la forme d’une ligne de code que l’on appelle Déclaration de type de document (DTD).

La DTD doit être placée sur la première ligne du code source des documents HTML.

Concernant les documents XHTML, ils peuvent voir leur DTD précèdée par la déclaration XML (voir plus haut).

Liste non exhaustive des dernières DTD

HTML 4.01

XHTML 1.0

HTML5

<!DOCTYPE html>