Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m293:learningunits:lu03:htmselektor [2024/05/13 07:53] – msuter
+++ modul:m293:learningunits:lu03:htmselektor [2024/05/13 08:15] (aktuell) – msuter
@@ Zeile 2: / Zeile 2: @@
 <WRAP center round info 60%>
 Die Attribute ''id'' und ''class'' können für jedes HTML-Element verwendet werden.
-Sie erlauben uns, bestimmte Elemente zu selektieren.
+Sie erlauben uns, in Stylesheets (CSS) oder Javascript bestimmte Elemente zu selektieren.
 </WRAP>
@@ Zeile 19: / Zeile 19: @@
 Das ''id''-Attribut ist ein globales Attribut und kann für jedes HTML-Element verwendet werden.
 Es gibt einem Element eine eindeutige ID (der Wert muss innerhalb des HTML-Dokuments eindeutig sein).
-Das ''id''-Attribut wird meist verwendet, um auf eine Formatvorlage in einem Stylesheet zu verweisen, und von JavaScript (über das HTML-DOM), um das Element mit der spezifischen id zu manipulieren.
+Über das ''id''-Attribut können wir ein einzelnes Element selektieren und manipulieren.
 ===== class =====
 ^ html ^ css ^
 | <code html>
-<div class="navitem">
+<ul>
-  ...
+  <li class="navitem">
-</div>
+    ...
+  </li>
+  <li class="navitem">
+    ...
+  </li>
+</ul>
 </code> | <code css>
 .navitem {
@@ Zeile 35: / Zeile 41: @@
 Das ''class''-Attribut spezifiziert einen oder mehrere Klassennamen für ein Element.
 Es wird meist verwendet, um auf eine Klasse in einem Stylesheet zu verweisen.
-Es kann jedoch auch von einem JavaScript (über das HTML-DOM) verwendet werden, um Änderungen an HTML-Elementen mit einer bestimmten Klasse vorzunehmen.
+Dadurch können wir mehrere Elemente selektieren, die alle gleich formattiert werden.
+Auch in Javascript können wir alle Elemente mit einer bestimmten Klasse auswählen.
+Dies wird aber nicht ganz so häufig gemacht.