Différences

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

--- web:html [2023/03/18 20:32] – [Parties] jcheron
+++ web:html [2024/08/22 10:50] (Version actuelle) – [Attributs] jcheron
@@ Ligne 6: / Ligne 6: @@
 <WRAP info round>
 **Bonnes pratiques** :\\
-  * Ne jamais restructurer un document pour en modifier la présentation (ex ajout de ''br'' pour passer des lignes)
+  * 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>
@@ Ligne 75: / 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 124: / Ligne 135: @@
   * [[web:html:text-structure|]]
   * [[web:html:liens|]]
+  * [[web:html:semantic|]]
   * [[web:html:tableaux|]]
   * [[web:html:formulaires|]]
   * [[web:html:media|]]
-  * [[web:html:semantic|]]
+  * [[https://developer.mozilla.org/fr/docs/Apprendre/HTML/Introduction_%C3%A0_HTML/The_head_metadata_in_HTML|Balises meta]]
+  * [[web:html:debug|]]