> 웹 프론트엔드 > CSS 튜토리얼 > 동일한 페이지에서 여러 ID를 사용하면 어떤 영향이 있나요?_경험 교환

동일한 페이지에서 여러 ID를 사용하면 어떤 영향이 있나요?_경험 교환

WBOY
풀어 주다: 2016-05-16 12:10:15
원래의
1744명이 탐색했습니다.

스타일 시트에서 스타일을 정의할 때 ID 또는 클래스를 정의할 수 있습니다. 예:

ID 방법: #test{color:#333333},

content
CLASS 메소드: .test{color:#333333}, 페이지에서
content
를 호출하세요.
id는 페이지에서 한 번만 사용할 수 있으며 클래스는 여러 번 참조할 수 있습니다.

일부 네티즌들이 'ID와 클래스의 차이가 없는 것 같다'고 묻더군요. 페이지에서 여러 ID를 사용했는데 IE에서는 정상적으로 표시되었나요?

답변: 첫 번째 영향은 W3 검증을 통과할 수 없다는 것입니다.

페이지 표시 측면에서 현재 브라우저에서는 여전히 이러한 실수가 허용되며, 동일한 ID를 여러 개 사용하면 "일반적으로" 정상적으로 표시될 수 있습니다. 하지만 id를 통해 이 div를 제어하기 위해 JavaScript를 사용해야 하는 경우 오류가 발생합니다.

id는 이름처럼 서로 다른 구조와 내용을 구별하기 위해 사용되는 태그입니다. 한 방에 같은 이름을 가진 사람이 두 명 있으면 혼란이 발생할 수 있습니다. 적용되는 구조와 내용은 옷과 같습니다.
개념적으로는 다릅니다.
id는 먼저 구조/내용을 찾은 다음 그에 대한 스타일을 정의합니다. 먼저 스타일을 지정한 다음 여러 구조/콘텐츠에 대해 설정합니다.

웹 표준은 모든 사람이 엄격한 습관을 사용하여 코드를 작성하기를 바랍니다.

예:

을 사용하여 굵게 표시하거나 을 사용할 수 있습니다. 을 표시하지만 W3C에서는 이 더 의미가 있는 이므로 을 사용할 것을 권장합니다.
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿