HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML id 속성

HTML id 전역 속성은 문서 전체에서 유일한 식별자(ID)를 정의합니다. 이는 링크(스프라이트 사용), 스크립트 및 스타일(CSS를 통해)에서 요소를 인식하는 데 사용됩니다.

온라인 예제

JavaScript 스크립트를 사용하여 id 속성을 통해 텍스트 내용을 변경합니다:

예제

!DOCTYPE html
<html
<head
<meta charset="utf-8">　
<title>기본 가이드 웹(oldtoolbag.com)</title>　
<script
function changeText()
{
　　　　document.getElementById("myHeader").innerHTML="하하, 나를 바꾸었어요, 사랑해!";
}
</script>
</head>
<body
<h1　id="myHeader">Hello World!/h1>
<button onclick="changeText()">id의 텍스트 내용을 동적으로 변경/button>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 id 속성을 지원합니다.

정의와 사용법

id 속성은 HTML 요소의 유일한 id를 정의합니다.

id는 HTML 문서에서 유일해야 합니다.

id 속성은 링크 앵커로 사용될 수 있으며, JavaScript(HTML DOM) 또는 CSS를 통해 지정된 id를 가진 요소의 스타일을 변경하거나 추가할 수 있습니다.

HTML 4.01 HTML과의 관계5사이의 차이

HTML5 에서, id 속성은 어떤 HTML 요소에도 사용할 수 있습니다 (그것은 모든 HTML 요소를 검증합니다. 하지만 반드시 유용하지 않을 수 있습니다).

HTML 4.01 에서, id 속성은 사용할 수 없습니다: <base>, <head>, <html>, <meta>, <param>, <script>, <style>, 및 <title>.

주의: HTML 4.01 id 값에 대한 제한이 엄격합니다 (예를 들어: HTML 4.01 id 값은 숫자로 시작할 수 없습니다).

문법

　　 <element id="id">

속성 값

값	설명
id	요소의 독립적인 id를 정의합니다. 이름 규칙: A로 시작해야 합니다-Z 또는 a-z가 시작 그 뒤의 문자: 알파벳(A-Za-z), 숫자(0-9)", "하이픈 (-)", "밑줄 (", ":", ".") 대소문자 구분

더 많은 예제

CSS에서 id 속성 사용
CSS에서 id 속성을 사용하여 요소에 스타일 추가하는 방법

HTML 전역 속성

HTML: <template> 태그