Heim >Web-Frontend >Front-End-Fragen und Antworten >Was bedeutet Klasse in HTML?
Was bedeutet Klasse in HTML?
- 醉折花枝作酒筹Original
- 2021-06-07 17:05:1113260Durchsuche
In HTML gibt Klasse den Klassennamen des Elements an und das Syntaxformat ist „
“. Das Klassenattribut wird am häufigsten verwendet, um auf eine Klasse in einem Stylesheet zu verweisen. Sie können es jedoch auch verwenden, um HTML-Elemente mit bestimmten Klassen über JavaScript zu ändern.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer. Das Attribut
class gibt den Klassennamen des Elements an.
Das Klassenattribut wird am häufigsten verwendet, um auf eine Klasse in einem Stylesheet zu verweisen. Es kann jedoch auch verwendet werden, um HTML-Elemente mit einer bestimmten Klasse über JavaScript zu ändern.
Tipps und Hinweise
Hinweis: Das Klassenattribut kann nicht in den folgenden HTML-Elementen verwendet werden: Basis, Kopf, HTML, Meta, Param, Skript, Stil und Titel.
Tipps: Sie können HTML-Elementen mehrere Klassen zuweisen, zum Beispiel:
Tipp: Der Klassenname darf nicht mit einer Zahl beginnen! Nur Internet Explorer unterstützt diese Vorgehensweise.
Syntax
<element class="value">
Beispiel:
<html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:red;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">请注意这个重要的段落。:)</p>
</body>
</html>Effekt:
Erweiterte Informationen:
id-Attribut
Das ID-Attribut gibt die eindeutige ID des HTML-Elements an.
id muss innerhalb des HTML-Dokuments eindeutig sein. Das
id-Attribut kann als Link-Anker verwendet werden, um Stile zu einem Element mit einer angegebenen ID über JavaScript (HTML DOM) oder CSS zu ändern oder hinzuzufügen.
Unterschiede zwischen HTML 4.01 und HTML5
In HTML5 kann das id-Attribut für jedes HTML-Element verwendet werden (es validiert jedes HTML-Element. Dies ist jedoch nicht unbedingt nützlich).
In HTML 4.01 kann das id-Attribut nicht verwendet werden mit:
Das obige ist der detaillierte Inhalt vonWas bedeutet Klasse in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!