Was ist die HTML-Klasse?

青灯夜游
Freigeben: 2023-03-10 15:56:25
Original
25243 Leute haben es durchsucht

class ist ein Attribut im HTML-Tag, das zum Definieren des Klassennamens des Elements verwendet wird und dem Klassenselektor in CSS entspricht. Die Syntax „<element class="classname">“; „classname“ gibt den Namen an der Klasse des Elements. Wenn Sie mehrere Klassen für ein Element angeben müssen, trennen Sie die Klassennamen durch Leerzeichen. <element class="classname">

Was ist die HTML-Klasse?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

class ist ein Attribut im HTML-Tag. In HTML5 kann das Klassenattribut für jedes HTML-Element verwendet werden (es validiert jedes HTML-Element. Dies ist jedoch nicht unbedingt nützlich). Das Attribut

class definiert den Klassennamen des Elements. Das Attribut

class wird normalerweise verwendet, um auf die Klasse des Stylesheets zu verweisen. Es kann jedoch auch in JavaScript (über das HTML-DOM) verwendet werden, um den Klassennamen eines HTML-Elements zu ändern.

Syntax

<element class="classname">
Nach dem Login kopieren
  • 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.

Benennungsregeln für Klassennamen:

  • muss mit den Buchstaben A-Z oder a-z beginnen

  • kann aus den folgenden Zeichen bestehen: (A-Za-z), Zahlen (0-9), Querstrich („-“ ) und Unterstriche („_“)

  • In HTML wird bei Klassennamen zwischen Groß- und Kleinschreibung unterschieden

Beispiel:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
h1.intro 
{
	color:blue;
}
p.important 
{
	color:green;
}
</style>
</head>
<body>

<h1 class="intro">标题 1</h1>
<p>段落。</p>
<p class="important">注意:这是一个很重要的段落。 :)</p>

</body>
</html>
Nach dem Login kopieren

Was ist die HTML-Klasse?

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist die HTML-Klasse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage