htmlのクラスとは何ですか?-フロントエンドQ&A-php.cn

htmlのクラスとは何ですか?

青灯夜游

リリース： 2023-03-10 15:56:25

オリジナル

25292 人が閲覧しました

class は HTML タグ内の属性で、要素のクラス名を定義するために使用され、CSS のクラスセレクター、構文 "<element class="classname">"; "classname" に対応します。 " は要素を指定します。クラスの名前。要素に複数のクラスを指定する必要がある場合は、クラス名をスペースで区切ります。 <element class="classname">

htmlのクラスとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

class は html タグの属性です。 HTML5 では、class 属性を任意の HTML 要素で使用できます (任意の HTML 要素を検証します。ただし、必ずしも役立つわけではありません)。

class 属性は、要素のクラス名を定義します。

class 属性は、通常、スタイルシートのクラスを指すために使用されます。ただし、JavaScript で (HTML DOM 経由で) HTML 要素のクラス名を変更するために使用することもできます。

Syntax

<element class="classname">

ログイン後にコピー

classname: 要素のクラスの名前を指定します。 1 つの要素に複数のクラスを指定するには、クラス名をスペースで区切ります。。HTML 要素には複数のクラスが許可されます。

クラス名の命名規則:

は、A ～ Z または a ～ z の文字で始める必要があります。
次の文字: (A-Za-z)、数字 (0-9)、バー ("-")、およびアンダースコア ("_")
#HTML では、クラス名前は大文字と小文字が区別されます

例:

<!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>

ログイン後にコピー

htmlのクラスとは何ですか? ## 推奨チュートリアル: "