>  기사  >  웹 프론트엔드  >  div css_Experience 교환에서 클래스와 ID의 차이점

div css_Experience 교환에서 클래스와 ID의 차이점

WBOY
WBOY원래의
2016-05-16 12:07:551686검색

클래스는 사용자 정의 기준에 따라 하나 이상의 요소를 정의하는 데 사용됩니다. 더 적절한 비유는 스크립트입니다. 클래스는 스크립트에서 각 캐릭터의 스토리라인을 정의할 수 있으며 CSS, Javascript 등을 통해 사용할 수 있습니다. 따라서 페이지에서 class="Frodo", class="Gandalf", class="Aragorn"을 사용하여 다양한 스토리라인을 구분할 수 있습니다. 또 다른 매우 중요한 점은 문서에서 Class를 여러 번 사용할 수 있다는 것입니다.
 
ID는 일반적으로 페이지에 한 번만 나타나는 태그를 정의하는 데 사용됩니다. 페이지 레이아웃을 위한 구조화된 레이아웃을 만들 때(예를 들어 페이지는 일반적으로 머리글, 머리글, 콘텐츠 영역, 바닥글 등으로 구성됨) 일반적으로 ID를 사용하는 것이 이상적입니다. a 문서에서 한 번만 사용할 수 있습니다. 이러한 요소는 같은 페이지에 두 번 이상 나타나는 경우가 거의 없습니다.
 
한 문장으로 요약할 수 있습니다. 클래스는 반복해서 사용할 수 있지만 ID는 한 페이지에서 한 번만 사용할 수 있습니다. 동일한 ID를 반복적으로 사용해도 대부분의 브라우저에서는 문제가 발생하지 않을 가능성이 있지만 이는 분명히 표준에 따르면 잘못된 사용이며 일부 브라우저에서는 실제 문제가 발생할 수 있습니다. (방금 드림위버에서 해봤는데 실제로 오류는 없었습니다.)
 
실제 응용에서는 텍스트 레이아웃 등에는 클래스가 더 유용할 수 있고, 매크로 레이아웃이나 디자인 배치에는 ID가 더 유용할 수 있습니다. 다양한 요소가 작동합니다.

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