스타일 시트에서 스타일을 정의할 때 ID나 클래스를 정의할 수 있다는 것을 알고 있습니다. 예를 들면 다음과 같습니다.
ID 방법: #test{color:#333333}, 페이지에서 <div id="test">content<div> 호출
CLASS 메소드: .test{color:#333333}, 페이지에서 <div class="test">content<div> 호출
ID는 페이지에서 한 번만 사용할 수 있으며 클래스는 여러 번 참조될 수 있습니다.
일부 네티즌들은 id와 class 사이에 차이가 없는 것 같다고 묻습니다. 페이지에서 여러 ID를 사용하면 IE에서는 정상적으로 표시됩니까?
답변: 첫 번째 영향은 W3 검증을 통과할 수 없다는 것입니다.
페이지 표시 측면에서 현재 브라우저에서는 여전히 이러한 실수가 허용되며, 동일한 ID를 여러 개 사용하면 "정상적인 상황에서" 정상적으로 표시될 수 있습니다. 하지만 id를 통해 이 div를 제어하기 위해 JavaScript를 사용해야 하는 경우 오류가 발생합니다.
ID는 이름처럼 서로 다른 구조와 내용을 구별하기 위해 사용되는 라벨입니다. 한 방에 같은 이름을 가진 두 사람이 있으면 혼란이 발생합니다.
클래스는 옷처럼 어떤 구조와 내용에도 적용할 수 있는 스타일입니다.
개념적으로 말하면 다음과 같이 다릅니다.
ID는 구조/내용을 먼저 찾은 후 스타일을 정의하는 것이고, 클래스는 스타일을 먼저 정의한 후 여러 구조/내용에 적용하는 것입니다.
웹 표준은 모든 사람이 엄격한 습관을 사용하여 코드를 작성하기를 바랍니다.
예를 들어 <b></b>를 사용하여 굵게 표시하거나 <strong></strong>을 사용하여 표시할 수 있지만 W3C에서는 <strong>이 더 의미가 있기 때문에 <strong>을 사용하는 것을 권장합니다.
이러한 사항을 주의하지 않고 중요하지 않다고 생각한다면 XML로 전환할 필요도 없고, 웹 표준을 배울 필요도 없습니다. 그렇지 않으면 현재 HTML을 사용할 수 없습니다.