HTML ID는 숫자로 시작할 수 있나요?

ID가 숫자로 시작하는 요소를 가질 수 있나요?

질문:

가능합니까? 다음으로 시작하거나 다음으로 완전히 구성된 ID를 가진 요소를 생성합니다. 숫자?

답변:

예, ID가 숫자로 시작하거나 숫자로만 구성된 요소를 생성할 수 있습니다. 그러나 CSS 선택기를 사용하여 이러한 요소를 선택하거나 스타일을 지정하는 것은 어려울 수 있습니다.

설명:

HTML5 사양에서는 모든 문자와 마찬가지로 숫자만 포함하는 ID 값을 허용합니다. 공백을 제외하고 허용됩니다. 이전 HTML 사양에서는 더 엄격한 규칙을 적용했지만 브라우저에서는 이를 엄격하게 적용한 적이 없습니다.

CSS에서 ID 선택:

CSS 선택기를 사용하여 숫자 ID가 있는 요소를 선택하는 경우 제한 사항에 유의하는 것이 중요합니다.

• CSS ID 선택기는 숫자로 시작하는 ID를 직접 사용할 수 없습니다. 백슬래시를 사용하여 이스케이프해야 합니다. 예를 들어, ID "12"는 "#3132"로 표시됩니다.

모범 사례:

간단함을 위해 다음과 같습니다. CSS 선택기를 사용하여 작업하려는 경우 ID를 문자로 시작하는 것이 좋습니다.

예:

아래는 ID가 "12"인 div를 사용하고 CSS, JavaScript를 사용하여 div와 상호 작용하는 방법을 보여주는 예입니다. document.getElementById 및 document.querySelector를 통한 JavaScript:

// CSS
# {
  background: #0bf;
}

// JavaScript via getElementById
document.getElementById("12").style.border = "2px solid black";

// JavaScript via querySelector (if supported)
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

이 예는 다음 요소를 보여줍니다. 숫자 ID는 브라우저에서 조작할 수 있지만 잠재적인 충돌을 피하려면 CSS에서 이스케이프된 ID 선택기를 사용해야 합니다.

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