class는 레이블을 설정하는 클래스입니다.
id는 세트 라벨의 식별자입니다.
class 속성은 요소가 속한 스타일 클래스를 지정하는 데 사용됩니다.
예를 들어 스타일 시트를 추가할 수 있습니다.
.baobao { 색상: 라임; 배경: #ff80c0 }
사용법: class="baobao"
id 속성은 요소의 고유한 스타일을 정의하는 데 사용됩니다. 예를 들어 CSS 규칙은 다음과 같습니다.
#binbin { 글꼴 크기: 더 크게 }
사용법: id="binbin"
ID는 이름처럼 서로 다른 구조와 내용을 구별하기 위해 사용되는 라벨입니다. 한 방에 같은 이름을 가진 두 사람이 있으면 혼란이 발생합니다.
클래스는 옷처럼 어떤 구조와 내용에도 적용할 수 있는 스타일입니다.
개념적으로 말하면 서로 다릅니다. id는 먼저 구조/콘텐츠를 찾은 다음 이에 대한 스타일을 정의합니다. 클래스는 먼저 스타일을 정의한 다음 이를 여러 구조/콘텐츠에 적용합니다.
클래스는 사용자 정의 기준에 따라 하나 이상의 요소를 정의하는 데 사용됩니다. 더 적절한 비유는 스크립트입니다. 클래스는 스크립트에서 각 캐릭터의 스토리라인을 정의할 수 있으며 CSS, 자바스크립트 등을 통해 이 클래스를 사용할 수 있습니다. 따라서 페이지에서 class="Frodo", class="Gandalf", class="Aragorn"을 사용하여 다양한 스토리 라인을 구분할 수 있습니다. 또 다른 매우 중요한 점은 문서에서 Class를 여러 번 사용할 수 있다는 것입니다.
ID의 경우 일반적으로 페이지에 한 번만 나타나는 표시를 정의하는 데 사용됩니다. 페이지 레이아웃을 위한 구조화된 레이아웃을 수행할 때(예를 들어 페이지는 일반적으로 헤더, 마스트헤드 <마스트헤드>, 콘텐츠 영역 및 바닥글 등으로 구성됨) ID를 사용하는 것이 일반적으로 이상적입니다. a 문서에서 한 번만 사용할 수 있습니다. 이러한 요소는 같은 페이지에 두 번 이상 나타나는 경우가 거의 없습니다.
한 문장으로 요약하면: 클래스는 반복적으로 사용할 수 있지만 ID는 한 페이지에서 한 번만 사용할 수 있습니다. 동일한 ID를 반복적으로 사용해도 대부분의 브라우저에서는 문제가 발생하지 않을 가능성이 있지만 이는 분명히 표준에 따르면 잘못된 사용이며 일부 브라우저에서는 실제 문제가 발생할 수 있습니다.
실제 응용 프로그램에서는 클래스가 텍스트 레이아웃 등에 더 유용할 수 있는 반면 ID는 매크로 레이아웃 및 다양한 요소의 디자인 배치에 더 유용할 수 있습니다.