HTML 클래스 속성
예
HTML 문서의 class 속성을 사용하여
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스타일>
h1.intro {색상 : 블루;}
p.important {색상 : 녹색;}
</ 스타일>
</ 헤드>
<바디>
<H1 클래스 = "인트로"> 1 </ H1>를 향하고
<P> 단락. </ P>
<P 클래스 = "중요"> 참고 : 이것은 매우 중요한 단락입니다. : </ P>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<스타일>
h1.intro {색상 : 블루;}
p.important {색상 : 녹색;}
</ 스타일>
</ 헤드>
<바디>
<H1 클래스 = "인트로"> 1 </ H1>를 향하고
<P> 단락. </ P>
<P 클래스 = "중요"> 참고 : 이것은 매우 중요한 단락입니다. : </ P>
</ BODY>
</ HTML>
»시도
이 장의 뒷부분에 더 많은 예제가 있습니다.
브라우저 지원
모든 주요 브라우저는 클래스의 속성을 지원
정의 및 사용
class 속성은 요소의 클래스 이름을 정의한다.
클래스 속성은 일반적으로 스타일 시트 클래스를 가리키는 데 사용됩니다. 그러나, 또한, HTML 엘리먼트의 클래스 이름을 변경하기 위해 (표시되는 HTML DOM 통해) 자바 스크립트에서 사용될 수있다.
HTML 4.01과 HTML5의 차이점
HTML5에서, 클래스 속성은 어떤 HTML 요소에 사용할 수 있습니다 (이것은 확인합니다 그 어떤 HTML 요소,하지만 반드시 유용하지 않습니다).
HTML 4.01에서 클래스 속성을 사용할 수 없습니다 : <기본>, <머리>를 <HTML>, <메타>, <PARAM>, <스크립트>, <스타일> 및 <제목>.
문법
<요소 클래스= "클래스 이름">
속성 값
| 값 | 기술 |
|---|---|
| 클래스 명 | 이 클래스 엘리먼트의 이름을 지정한다. 요소가 복수의 클래스를 정의하려면, 클래스 이름은 공백으로 구분. <스팬 클래스 = "는 중요한 좌측">. HTML 요소는 여러 클래스의 사용을 허용한다. 규칙 이름 :
|
더 많은 예제
요소의 여러 클래스 추가
HTML 요소에서는 여러 클래스를 추가합니다.
HTML 글로벌 속성