[HTML] class 와 id 이해하기

 

** 공유가 아닌 개인 공부에 목적을 둔 글입니다

** 설명이 불충분할 수 있으며 잘 정리된 글이 아닐 수도 있습니다

 

 

 

HTML 을 하도 예전에 공부하고 그 이후에는 자바만 공부해서 id 와 class 의 차이를 다시 공부했다

 

 

 

 

 

한줄요약

id : identifier, 고유한 속성

class : 중복해서 사용 가능, 같은 css 스타일

 

 

 

---

 

id

 

id 는 주로 웹페이지에서 하나만 존재하는 것들 (예를들어 container, footer..) 에 고유한 id 값을 주어 구분해서 사용하기 

 

위해 사용한다

 

꼭 웹페이지에서 하나만 존재하는 것에 부여하는 것 뿐만 아니라, 

 

만약 비슷한 목록들이 있고 그 목록 하나하나를 구분하고 싶다면 하나씩 id 값을 줌으로써 구분해서 사용할 수도 있다

 

id 는 의도적으로 중복이 안되게끔 사용하기 때문에 이 id 만으로도 원한는 것을 쉽게 찾아낼 수가 있는 것이다

 

---

 

 

class

 

class 는 주로 동일한 css 스타일을 주고자 할 때 사용하는데, 같은 css 스타일을 입히고 싶은 곳에 같은 class 를

 

줌으로써 같은 css 스타일을 표현할 수 있다

 

물론 꼭 여러개에만 class 를 부여하지 않고 class 를 id 처럼 사용해도 상관이 없지만 팀원과 상의 후에 결정하자