Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
web:html [2023/03/18 18:53] – [Normalisation] jcheron | web:html [2024/08/22 10:50] (Version actuelle) – [Attributs] jcheron | ||
---|---|---|---|
Ligne 3: | Ligne 3: | ||
Interprêté par le navigateur côté client pour produire le DOM (Document Object Model), structure arborescente d' | Interprêté par le navigateur côté client pour produire le DOM (Document Object Model), structure arborescente d' | ||
+ | |||
+ | <WRAP info round> | ||
+ | **Bonnes pratiques** :\\ | ||
+ | * Ne jamais restructurer un document pour en modifier la présentation en HTML (ex ajout de '' | ||
+ | * Respecter la normalisation et vérifier son code avec le validateur W3C | ||
+ | </ | ||
===== Elément ===== | ===== Elément ===== | ||
Ligne 69: | Ligne 75: | ||
</ | </ | ||
+ | === Attributs universels === | ||
+ | |||
+ | Ce sont ceux qui sont utilisables sur tous les éléments HTML, quelque soit leur type : | ||
+ | |||
+ | ^Attribut ^Rôle ^ | ||
+ | ^id | Attribue un identifiant unique dans la page à l' | ||
+ | ^class | Permet de spécifier la ou les classes CSS associées, utilisable également en JS pour cibler un groupe d' | ||
+ | ^style | Permet de définir directement le style de l' | ||
+ | ^data-* | Permet d' | ||
+ | |||
+ | Voir plus sur [[https:// | ||
==== Structure d'une page ==== | ==== Structure d'une page ==== | ||
Ligne 87: | Ligne 104: | ||
</ | </ | ||
+ | ^Elément ^Rôle ^ | ||
+ | | **!doctype** | Version html utilisée (HTML5 dans ce cas | | ||
+ | | **html** | Début de la page avec spécification obligatoire de la **lang** | | ||
+ | | **head** | Permet de spécifier les en-têtes HTTP et les valeurs des balises meta, l' | ||
+ | | **title** | Titre de la page apparant en titre d' | ||
+ | | **body** | Corps du document, défini le contenu qui sera affiché | | ||
==== Normalisation ==== | ==== Normalisation ==== | ||
Un document HTML doit respecter les standards définis par le W3C, correspondant à la version déclarée dans le **doctype**. | Un document HTML doit respecter les standards définis par le W3C, correspondant à la version déclarée dans le **doctype**. | ||
Ligne 111: | Ligne 134: | ||
==== Parties ==== | ==== Parties ==== | ||
* [[web: | * [[web: | ||
+ | * [[web: | ||
+ | * [[web: | ||
+ | * [[web: | ||
+ | * [[web: | ||
+ | * [[web: | ||
+ | * [[https:// | ||
+ | * [[web: | ||