HTML의 id 속성과 class 속성의 차이에 대해서 설명해 주세요.

👩🏻‍💻 id 속성과 class 속성의 차이에 대해서 설명해 주세요.

💁🏻‍♀️ 요약하자면 ,

고유성의 차이 입니다. id는 고유한 값이므로, id를 가진 요소들 또한 고유하기 때문에 하나의 HTML 요소에만 사용할 수 있습니다. 이에 반해 class는 고유하지 않으므로 같은 class name을 여러 요소에 사용하는 것이 가능합니다.

 

더 자세히 설명하자면,

id란 identification 즉 구별/식별 하고자 하기에 해당 요소가 '유일함'을 확인할 수 있는 수단입니다. 우리에게 주어지는 주민등록번호(identification number)과도 같다고 생각하면 됩니다. 마치 getElementById 메소드는 있어도 getElementsById는 없는 것처럼 말입니다.

 

협업 시에도 중요

id 값이 같은 HTML 요소가 여러 개 있다면 웹 표준에 어긋날 뿐더러, 협업하는 다른 개발자나 검색엔진에도 혼란을 주기 때문입니다.

 

 

📎 내용 참조

- velog: 기술 면접 준비

- velog: Section 1 회고