HTML: id 속성 값이 유효합니까?
P粉354602955
P粉354602955 2023-08-17 10:59:22
0
2
486
<p>HTML 요소의 <code>id</code> 속성을 생성할 때 값에 대한 규칙은 무엇입니까? </p>
P粉354602955
P粉354602955

모든 응답(2)
P粉388945432

HTML 4 사양에서:

일반적인 실수는 숫자로 시작하는 ID를 사용하는 것입니다.

P粉364129744

HTML 4의 경우 기술적 답변은 다음과 같습니다.

HTML 5은 더 관대하며 ID에 문자가 하나 이상 포함되어야 하며 공백 문자를 포함할 수 없습니다.

XHTML에서 id 속성은 대소문자를 구분합니다.

순전히 실용적인 관점에서 특정 문자의 사용을 피하고 싶을 수도 있습니다. CSS 선택기에서 마침표, 콜론 및 파운드 기호는 특별한 의미를 가지므로 CSS에서 백슬래시를 사용하거나 jQuery 문자에 전달된 선택기 문자열에서 이중 백슬래시를 사용하여 이러한 기호를 이스케이프해야 합니다. 스타일시트나 코드에서 ID에 마침표와 콜론을 사용할지 여부를 결정하기 전에 문자를 이스케이프 처리해야 하는 빈도를 고려하세요.

예: HTML 선언 <div id="first.name"></div>是有效的。你可以在CSS中选择该元素为#first.name,在jQuery中选择为$('#first\.name')。但是如果你忘记了反斜杠,$('#first.name'),你将得到一个完全有效的选择器,它寻找id为first并且具有class为name的元素。这是一个容易忽视的错误。从长远来看,你可能更喜欢选择id为first-name(마침표 대신 하이픈 사용).

명명 규칙을 엄격하게 준수하면 개발 작업을 단순화할 수 있습니다. 예를 들어, 완전히 소문자로만 제한하고 항상 하이픈이나 밑줄을 사용하여 단어를 구분하는 경우(하이픈과 밑줄을 모두 사용하지 않고 둘 중 하나만 선택하고 다른 하나는 절대 사용하지 않음) 기억하기 쉬운 패턴을 갖게 됩니다. "예"라고 궁금하지 않으실 겁니다. CamelCase를 선호하시나요? 그렇다면 하이픈이나 밑줄 없이 CamelCase만 사용하세요. 항상 대문자나 소문자를 첫 번째 문자로 사용하세요. firstName还是FirstName?”因为你总是知道你应该输入first_name


현재 매우 드문 문제는 Netscape 6 중 하나 이상의 브라우저가

id 속성 값을 대소문자를 구분하여 잘못 처리한다는 것입니다 . 이는 HTML에 (대문자 'F')를 입력하면 버그가 있는 브라우저가 요소의 색상을 빨간색으로 설정할 수 없음을 의미합니다. 편집 당시(2015년 4월)에는 Netscape 6을 지원할 필요가 없기를 바랍니다. 이것을 역사적인 메모로 생각하십시오. id="firstName"(小写的'f'),并在CSS中输入了#FirstName { color: red }

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿