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: | ||