Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:html [2023/03/18 19:02] – jcheron
+++ web:html [2024/08/22 10:50] (Version actuelle) – [Attributs] jcheron
@@ Ligne 4: / Ligne 4: @@
 Interprêté par le navigateur côté client pour produire le DOM (Document Object Model), structure arborescente d'objets constituant la page Web.
-<WRAP important></WRAP>
+<WRAP info round>
+**Bonnes pratiques** :\\
+  * Ne jamais restructurer un document pour en modifier la présentation en HTML (ex ajout de ''br'' pour passer des lignes)
+  * Respecter la normalisation et vérifier son code avec le validateur W3C
+</WRAP>
 ===== Elément =====
@@ Ligne 71: / Ligne 75: @@
 </sxh>
+=== 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'élément, utilisé par les liens de type ancre, ou en javascript |
+^class | Permet de spécifier la ou les classes CSS associées, utilisable également en JS pour cibler un groupe d'éléments |
+^style | Permet de définir directement le style de l'élément, ce qui est une mauvaise pratique |
+^data-* | Permet d'ajouter un nouvel attribut (en remplaçant l'étoile par un nom, utilisable en JS, ou en CSS |
+Voir plus sur [[https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes|MDN attributs universels]]
 ==== Structure d'une page ====
@@ Ligne 119: / Ligne 134: @@
 ==== Parties ====
   * [[web:html:text-structure|]]
+  * [[web:html:liens|]]
+  * [[web:html:semantic|]]
   * [[web:html:tableaux|]]
   * [[web:html:formulaires|]]
+  * [[web:html:media|]]
+  * [[https://developer.mozilla.org/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/The_head_metadata_in_HTML|Balises meta]]
+  * [[web:html:debug|]]