>  기사  >  웹 프론트엔드  >  동일한 페이지에서 여러 ID를 사용하면 어떤 영향이 있나요?_CSS/HTML

동일한 페이지에서 여러 ID를 사용하면 어떤 영향이 있나요?_CSS/HTML

WBOY
WBOY원래의
2016-05-16 12:11:341964검색

스타일 시트에서 스타일을 정의할 때 ID나 클래스를 정의할 수 있다는 것을 알고 있습니다. 예를 들면 다음과 같습니다.

ID 방법: #test{color:#333333}, 페이지의 콘텐츠 호출


CLASS 메소드: .test{color:#333333}, 페이지의 콘텐츠 호출

id는 페이지에서 한 번만 사용할 수 있으며 클래스는 여러 번 참조할 수 있습니다.

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

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

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

id는 이름처럼 서로 다른 구조와 내용을 구별하는 데 사용되는 태그입니다. 같은 이름의 방에 두 사람이 있으면 혼란이 생길 ​​수 있습니다.
class는 다음과 같은 경우에 적용할 수 있는 스타일입니다. 모든 구조와 내용은 옷과 같습니다.
은 개념적으로 다릅니다.
id는 먼저 구조/내용을 찾은 다음 그에 대한 스타일을 정의합니다. 클래스는 먼저 스타일을 정의한 다음 적용합니다. 여러 구조/내용에.

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

예: 굵은 글씨나 표시를 사용할 수 있지만 W3C에서는 더 의미가 있으므로 사용을 권장합니다.

이러한 세부 사항에 주의를 기울이지 않고 중요하지 않다고 생각한다면
XML로 전환할 필요도 없고 웹 표준을 배울 필요도 없습니다. 웹 표준은 이런 작은 부분의 변화로부터 시작되는데, 그렇지 않으면 현재의 HTML을 그대로 사용할 수는 없는 걸까요?

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