>웹 프론트엔드 >JS 튜토리얼 >HTML의 ID는 숫자로 시작하거나 숫자로만 구성될 수 있나요?

HTML의 ID는 숫자로 시작하거나 숫자로만 구성될 수 있나요?

DDD
DDD원래의
2024-11-12 19:50:02841검색

Can IDs in HTML Start with or Consist Only of Numbers?

ID에 숫자만 포함될 수 있나요?

ID가 숫자로 시작하거나 완전히 숫자로 구성된 요소를 생성할 수 있나요?

예, 가능합니다. 그러나 CSS 선택기와 함께 이러한 ID를 사용하는 것은 어려울 수 있습니다.

ID 확인:

HTML5에서는 허용됩니다. 공백이 아닌 숫자로만 구성된 ID입니다. HTML5 사양 이전에도 브라우저는 항상 이에 유연했습니다.

CSS 선택기:

숫자 ID를 사용할 수 있지만 CSS 선택기에서는 번거롭습니다. 숫자로 시작하는 ID는 문자 그대로 쓸 수 없습니다. 백슬래시를 사용하여 이스케이프 처리해야 합니다(예: CSS에서 #12는 #3132가 됩니다).

권장 사항:

CSS 선택기와 함께 이러한 ID를 사용하려는 경우 편의를 위해 문자로 시작하는 것이 좋습니다.

예:

다음은 ID가 "12"인 div를 사용하는 예입니다.

<div>
# {
    background: #0bf;
}
document.getElementById("12").style.border = "2px solid black";

아래 라이브 예시에서 볼 수 있듯이 이는 주요 브라우저에서 작동합니다.

[라이브 예시](https://jsfiddle.net/e0xs9L06/)

위 내용은 HTML의 ID는 숫자로 시작하거나 숫자로만 구성될 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.