[HTML] id와 class 차이

 

 

HTML의 태그에 대해서 id와 class 속성을 줄 수 있다.

id와 class의 속성을 이용해 특정 태그 및 구역 등에 대해서 CSS 스타일이나 js를 처리할 수 있다.

 

HTML에서 id와 class는 아래와 같이 사용가능하다.

<div id = "first">
	id예시
</div>
<div class = "second">
	class예시
</div>

 

id와 class차이

1) id는 유일한 값이고 class는 여러번 중복 사용이 가능하다.

   class는 같은 이름으로 여러 번 중복 사용이 가능하다는 의미이다. 아이디는 페이지에서 딱 한번만 사용 가능하다.

   id는 여권 번호, class는 국적으로 이해하면 쉽다.

↓

id: 한가지에만 적용하여 유일한 값을 주고싶을때

class: 여러 곳을 한꺼번에 CSS 스타일을 변경하고 싶을 때

 

2) CSS 스타일을 이용할 때 차이가 있다.

#first{
	background-color: blue;
}

.second{
	background-color: orange;
}

위와 같이 id를 사용하여 HTML의 특정 태그에 스타일을 변경하고자 한다면 #id이름을 사용한다.

class를 사용하면 .class이름을 사용해 CSS 스타일을 변경할 수 있다.