In HTML5 kann das Klassenattribut den Klassennamen des Elements definieren. Es wird häufig verwendet, um auf die Klasse des Stylesheets zu verweisen (Klassenselektor). Es kann auch in JavaScript verwendet werden, um den Klassennamen des HTML zu ändern Element und ändern Sie den Stil; das Syntaxformat „“. <element class="classname">
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
HTML5-Klassenattribut
Das Klassenattribut definiert den Klassennamen des Elements. Das
class-Attribut wird normalerweise verwendet, um auf die Klasse eines Stylesheets zu verweisen (d. h. den CSS-.class-Selektor). Es kann jedoch auch in JavaScript (über das HTML-DOM) verwendet werden, um den Klassennamen eines HTML-Elements zu ändern.
Syntax
<element class="classname">
Klassenname: Gibt den Namen der Klasse des Elements an. Um mehrere Klassen für ein Element anzugeben, trennen Sie die Klassennamen durch Leerzeichen. . Für HTML-Elemente sind mehrere Klassen zulässig.
Namensregeln:
muss mit den Buchstaben A-Z oder a-z beginnen.
kann aus den folgenden Zeichen bestehen: (A-Za-z), Zahlen (0-9), Balken („-“) und Unterstrich („_“)
In HTML wird bei Klassennamen zwischen Groß- und Kleinschreibung unterschieden
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.center
{
text-align:center;
}
</style>
</head>
<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
</html>Rendering:
[Empfohlenes Tutorial: „HTML-Video-Tutorial“]
Das obige ist der detaillierte Inhalt vonWas ist das Klassenattribut in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Was sind die Produktionsmethoden der HTML5-Animationsproduktion?
Was bedeutet Klasse in der C-Sprache?
Der Unterschied zwischen HTML und HTML5
So stellen Sie aus dem Papierkorb geleerte Dateien wieder her
Was sind die ERP-Systeme für Unternehmen?
Die Rolle des Formatfactory-Tools
Java führt eine erzwungene Typkonvertierung durch
statistische Analyse
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
