diff options
Diffstat (limited to 'files/de/web/html/global_attributes/class/index.html')
| -rw-r--r-- | files/de/web/html/global_attributes/class/index.html | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/files/de/web/html/global_attributes/class/index.html b/files/de/web/html/global_attributes/class/index.html new file mode 100644 index 0000000000..6758d1c315 --- /dev/null +++ b/files/de/web/html/global_attributes/class/index.html @@ -0,0 +1,110 @@ +--- +title: class +slug: Web/HTML/Global_attributes/class +tags: + - Klassen Globale Attribute +translation_of: Web/HTML/Global_attributes/class +original_slug: Web/HTML/Globale_Attribute/class +--- +<p class="note">{{HTMLSidebar("Global_attributes")}}</p> + +<p>Das <a href="/en-US/docs/Web/HTML/Global_attributes">Globale Attribut</a> <strong>class</strong> ist eine durch Leerzeichen separierte Liste von Klassen dieses Elements. Klassen erlauben es CSS und Javascript auf spezifische Elemente über <a href="/En/CSS/Class_selectors">Klassenselektoren</a> oder DOM-Methoden {{domxref("document.getElementsByClassName")}} zuzugreifen.</p> + +<p>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.</p> + +<p>Beispiel:<br> + Attribut <em>hervorgehoben</em> , um einen hervorgehobenen Textteil zu beschreiben aber nicht als <em>italics</em>.</p> + +<p>"Semantische" Namen bleiben logisch (zutreffend), auch wenn sich die Darstellung der Webseite ändert (wenn also z.B. Hervorhebungen anstatt <em>kursiv</em> nun farbig in braun dargestellt werden).</p> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Spezifikation</th> + <th scope="col">Status</th> + <th scope="col">Bemerkung</th> + </tr> + <tr> + <td>{{SpecName('HTML WHATWG', "elements.html#classes", "class")}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Keine Änderungen zum letzten Snapshot, {{SpecName('HTML5.1')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5.1', "elements.html#classes", "class")}}</td> + <td>{{Spec2('HTML5.1')}}</td> + <td>Snapshot von {{SpecName('HTML WHATWG')}}, keine Änderung zu {{SpecName('HTML5 W3C')}}</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', "elements.html#classes", "class")}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Snapshot von {{SpecName('HTML WHATWG')}}. Von {{SpecName('HTML4.01')}}, <strong>class</strong> ist jetzt ein echtes Globales Attribut.</td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', "struct/global.html#h-7.5.2", "class")}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td>Unterstützt alle Elemente außer {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, and {{HTMLElement("title")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2> + +<p>{{ CompatibilityTable() }}</p> + +<div id="compat-desktop"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }} [1]</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<div id="compat-mobile"> +<table class="compat-table"> + <tbody> + <tr> + <th>Feature</th> + <th>Android</th> + <th>Chrome for Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Basic support</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }} [1]</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + <td>{{ CompatVersionUnknown() }}</td> + </tr> + </tbody> +</table> +</div> + +<p>[1] <strong>class</strong> ist ein echtes Globales Attribut erst seit Firefox 32.</p> + +<h2 id="Weiterführende_Links">Weiterführende Links</h2> + +<ul> + <li>All <a href="/en-US/docs/Web/HTML/Global_attributes">global attributes</a>.</li> +</ul> |