id

id 전역 특성은 문서 전체에서 유일한 고유식별자(ID)를 정의합니다. 고유식별자의 목적은 프래그먼트 식별자를 사용해 요소를 가리킬 때와 스크립트 및 스타일 적용 시 특정 요소를 식별하기 위함입니다.

id 특성의 값은 불투명 문자열(opaque string)입니다. 그 말은, 웹 작성자가 id 특성을 통해 사람이 읽을 수 있는 정보를 나타내서는 안된다는 것입니다. (코드 가독성 차원에서는 유용할 수 있습니다. ticket-18569r45tgfe-freds&$@을 비교해보세요.)

id 특성의 값이 공백(스페이스나 탭 등)을 포함해서는 안됩니다. 공백으로 값을 구분하는 class 속성과 달리, 하나의 요소는 하나의 ID만 가질 수 있습니다. 만약 ID에 공백을 넣는다면, 브라우저는 그 공백마저 ID의 일부로 취급합니다.

참고: ASCII 문자, 숫자, '_', '-' 및 '.'를 제외한 문자는 HTML 4에서 허용하지 않았으므로 호환성 문제가 발생할 수 있습니다. 이런 제한은 HTML 5에서는 해제되었으나, 호환성을 위해, ID는 위의 문자로 시작해야 합니다.

명세

Specification Status Comment
HTML Living Standard
The definition of 'id' in that specification.
Living Standard No change from latest snapshot, HTML 5.1
HTML 5.1
The definition of 'id' in that specification.
Recommendation Snapshot of HTML Living Standard, no change from HTML5
HTML5
The definition of 'id' in that specification.
Recommendation Snapshot of HTML Living Standard, now accept '_', '-' and '.' if not at the beginning fo the id. It is also a true global attribute.
HTML 4.01 Specification
The definition of 'id' in that specification.
Recommendation Supported on all elements but <base>, <head>, <html>, <meta>, <script>, <style>, and <title>.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
idChrome Full support YesEdge Full support 12Firefox Full support 32
Full support 32
No support ? — 32
Notes
Notes id is a true global attribute only since Firefox 32.
IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 32
Full support 32
No support ? — 32
Notes
Notes id is a true global attribute only since Firefox 32.
Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
See implementation notes.
See implementation notes.

같이 보기