class
Das Globale Attribut class ist eine durch Leerzeichen separierte Liste von Klassen dieses Elements. Klassen erlauben es CSS und Javascript auf spezifische Elemente über Klassenselektoren oder DOM-Methoden document.getElementsByClassName
zuzugreifen.
Obwohl die Spezifikation keine Anforderung an die Benennung von Klassen stellt, sollten Webentwickler darauf achten, dass der semantische Zweck des Elements beschrieben wird, und gerade nicht die Darstellungseigenschaften.
Beispiel:
Attribut hervorgehoben , um einen hervorgehobenen Textteil zu beschreiben aber nicht als italics.
"Semantische" Namen bleiben logisch (zutreffend), auch wenn sich die Darstellung der Webseite ändert (wenn also z.B. Hervorhebungen anstatt kursiv nun farbig in braun dargestellt werden).
Spezifikationen
Spezifikation | Status | Bemerkung |
---|---|---|
HTML Living Standard Die Definition von 'class' in dieser Spezifikation. |
Lebender Standard | Keine Änderungen zum letzten Snapshot, HTML 5.1 |
HTML 5.1 Die Definition von 'class' in dieser Spezifikation. |
Empfehlung | Snapshot von HTML Living Standard, keine Änderung zu HTML5 |
HTML5 Die Definition von 'class' in dieser Spezifikation. |
Empfehlung | Snapshot von HTML Living Standard. Von HTML 4.01 Specification, class ist jetzt ein echtes Globales Attribut. |
HTML 4.01 Specification Die Definition von 'class' in dieser Spezifikation. |
Empfehlung | Unterstützt alle Elemente außer <base> , <basefont> , <head> , <html> , <meta> , <param> , <script> , <style> , and <title> . |
Browser Kompatibilität
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | (Ja) | (Ja) [1] | (Ja) | (Ja) | (Ja) |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | (Ja) | (Ja) | (Ja) [1] | (Ja) | (Ja) | (Ja) |
[1] class ist ein echtes Globales Attribut erst seit Firefox 32.
Weiterführende Links
- All global attributes.