class

class 전역 속성은 공백으로 구분한 요소 클래스의 목록입니다. 클래스는 CSS나 JavaScript에서 클래스 선택자나 DOM 메서드의 document.getElementsByClassName과 같은 함수를 통해 요소에 접근할 수 있는 방법입니다.

명세서에는 클래스의 명칭에 대한 요구사항을 제시하지는 않지만, 웹 개발자는 해당 요소의 표시 방식보다는 요소의 의미적 목적을 설명하는 명칭을 사용하는 것이 좋습니다. 예를들어, 클래스 속성을 가진 어떤 요소가 이탤릭체로 표시된다하더라도 클래스에는 이탤릭체가 아닌 요소의 속성을 설명하는 명칭을 사용하는 것입니다. 의미적 명칭은 해당 페이지의 표현 방식이 바뀌더라도 논리성을 잃지 않습니다.

명세

Specification Status Comment
HTML Living Standard
The definition of 'class' in that specification.
Living Standard No change from latest snapshot, HTML 5.1
HTML 5.1
The definition of 'class' in that specification.
Recommendation Snapshot of HTML Living Standard, no change from HTML5
HTML5
The definition of 'class' in that specification.
Recommendation Snapshot of HTML Living Standard. From HTML 4.01 Specification, class is now a true global attribute.
HTML 4.01 Specification
The definition of 'class' in that specification.
Recommendation Supported on all elements but <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, and <title>.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
classChrome Full support YesEdge Full support YesFirefox Full support 32IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 32Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

같이 보기