HTML-Referenzhandbuch

HTML-Tag-Übersicht

HTML class-Attribut

Der Wert der globalen Eigenschaft class ist eine durch Leerzeichen getrennte Liste von Klassennamen (Klassen), die es CSS und JavaScript ermöglicht, bestimmte Elemente über Class-Selektoren (class selectors) oder DOM-Methoden (document.getElementsByClassName) auszuwählen und auf sie zuzugreifen.

HTML-Globale Attribute

Online-Beispiel

Verwendung des class-Attributs in einem HTML-Dokument:

Beispiel

!DOCTYPE html>
<html
<head
<meta charset="utf-8">　
<title>Grundlagen-Tutorial-Website(oldtoolbag.com)</title>/title>
<style
h1.intro {
　　　　color: blau;
}
p.important {
　　　　color: grün;
}
</>style>
</>head>
<body
<h1　class="intro">Header　1</h1>
<p>A Absatz.</p>
<p class="important">Beachten Sie, dass dies ein wichtiger Absatz ist. :)</p>
</body>
</html>

Testen Sie es heraus ‹/›

Obwohl keine spezifischen Namensvorschriften für class vorliegen, sollten Webentwickler am besten Namen verwenden, die die semantische Absicht des Elements ausdrücken, anstatt die Darstellung des Elements zu beschreiben (selbst wenn ein Element kursiv ist, sollte der Klassename nicht italics lauten). Semantische Namensgebung bleibt auch bei Änderungen der Darstellung logisch.

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen das class-Attribut

Definition und Verwendung

Die class-Attributdefiniert den Klassennamen des Elements.

Das class-Attributweist einem Element eine oder mehrere Klassennamen zu.

Das class-Attribut wird in der Regel verwendet, um auf eine Stylesheet zuzugreifen. JavaScript kann es jedoch auch (durch HTML DOM) dazu verwenden, HTML-Elemente mit einer bestimmten Klasse zu ändern.

HTML 4.01 with HTML5differences

In HTML5 In, the class attribute can be used for any HTML element (it will Validate any HTML element. But it may not be useful).

In HTML 4.01 In, the class attribute cannot be used for: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.

Syntax

　　 <element>

Attribute value

Value	Description
classname	Specify the class name of the element. To specify multiple classes for an element, separate the class names with spaces. <span>. HTML elements allow the use of multiple classes. Name rules: Must start with a letter A-Z or a-z begins Can be the following characters: (A-Za-, and number (0-9, and dash ("-")-, and underscore ("_") In HTML, class names are case-sensitive

More examples

Add multiple classes to an element
How to add multiple classes in HTML elements.

HTML-Globale Attribute

HTML: <template> Tag