HTML

Ceci est une ancienne révision du document !

Hypertext Markup Language : Langage déclaratif permettant de structurer des pages web.

Interprêté par le navigateur côté client pour produire le DOM (Document Object Model), structure arborescente d'objets constituant la page Web.

Standards

Les balises permettent de définir des éléments HTML, disposant d'un contenu.

Auto-fermantes

Certaines balises sont dites auto-fermantes ou orphelines, elles ne disposent d'aucun contenu :

Le / terminal n'est pas obligatoire mais conseillé, il favorise la lecture et l'interprétation du fichier.

block et inline

Certains éléments sont définis à partir de balises de type block, c'est-à-dire que l'élément défini occupe toute la largeur de son conteneur dans le flux.

C'est le cas par exemple des titres (h1, h2…), des div ou des paragraphes (p)

Par opposition aux éléments inline, qui trouvent leur place dans le flux : span, strong

<h1>Un titre de niveau 1</h1>
<div class="conteneur">
  <p>L'élément p est un élément de type block</p>
  <p>L'élément <strong>strong</strong> est de type inline, tout comme <span>span</span></p>
</div>

Les attributs d'un élément définissent ses caractéristiques, ils sont apposés sur la balise ouvrante de l'élément :

Guillemets ou quotes

Les 2 peuvent être utilisés indifférement pour définir les valeurs des attributs.

<img src="/assets/logo.png" width="20px" />

<img src='/assets/logo.png' width='20px' />

Il est par contre déconseillé d'alterner entre les 2 écritures au sein d'un même projet

Attributs booléens

Certains attributs sont définis sans valeur et correspondent à des booléens. Ils n'acceptent qu'une valeur par défaut (égale au nom de l'attribut) qui peut être omise.

<input disabled />

<input disabled="disabled" />

La structure de base d'une page HTML dépend de la version HTML déclarée dans le doctype

HTML5

Le doctype a été simplifié dans la dernière version HTML :

<!doctype html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

Un document HTML doit respecter les standards définis par le W3C, correspondant à la version déclarée dans le doctype.

Le nom respect des normes pose des problèmes :

D'interprétation par le navigateur
De référencement par les moteurs de recherche
D'image pour l'entreprise (concepteur du site et/ou entreprise éditrice)
D'accès à l'information

Elements et balises

La liste des balises permettant de définir les éléments d'une page est pré-définie (elle n'est pas extensible).
Les balises doivent repsecter une certaine hiérarchie (ul/li, table/tr/td…)
Les balises doivent être fermées dans l'ordre dans lequel elles ont été ouvertes

Attributs

La liste des attributs supportés par un type de balise est prédéfinie
Les valeurs des attributs doivent respecter un certain domaine (type, plage ou liste de valeurs possibles)