HTML에서 id 속성에 사용할 수 있는 유효한 값은 HTML4와 HTML5에서 서로 다르게 정의되어 있습니다. 버전별 규칙을 정확히 이해하고 있어야 예기치 않은 오류를 피할 수 있습니다.
HTML5에서의 id 속성 규칙
HTML5에서는 id 값에 공백 문자를 포함할 수 없습니다. 또한 값이 비어 있으면 안 되며, 최소 한 글자 이상을 포함해야 합니다. 그 외에는 숫자로 시작하거나 특수문자를 포함하는 것도 허용됩니다.
<p id="test">This is demo text.</p> <p id="#test">This is demo text.</p>
단, id 값은 하나의 문서 내에서 고유(unique)해야 하며, 대소문자를 구분한다는 점도 기억해 두는 것이 좋습니다.
HTML4에서의 id 속성 규칙
HTML4의 규칙은 더욱 엄격합니다. ID와 NAME 토큰은 반드시 영문자([A-Za-z])로 시작해야 하며, 그 뒤에는 원하는 만큼의 영문자, 숫자([0-9]), 하이픈("-"), 밑줄("_"), 콜론(":"), 마침표(".")를 조합해 사용할 수 있습니다.
즉, HTML4에서는 숫자나 특수문자로 시작하는 id 값은 유효하지 않으므로 주의해야 합니다.