HTML5

：

グローバル属性

：

class

　 編集：2022.06.30 by T.A.

→mdn

解説

class グローバル属性 は、要素のクラスを空白区切りで並べたリストで、大文字小文字を区別します。クラスは CSS の クラスセレクター や JavaScript の DOM メソッド document.getElementsByClassName() といった関数により、特定の要素を選択したり特定の要素にアクセスしたりすることを可能にします。

例
<!DOCTYPE HTML>
<HTML lang="ja">
<HEAD>
<META charset="utf-8">
<META http-equiv="default-style" content="text/css">
<TITLE>テスト</TITLE>
<STYLE>
.Test{
  color:red;
}
.Test2{
  font-size:10px;
}
</STYLE>
</HEAD>
<BODY>
<SPAN class="Test Test2">SPAN要素</SPAN>
</BODY>
</HTML>
テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：