[HTML, CSS] class와 id 속성

id : 고유한 속성. 하나 이상 써도 오류가 나오진 않지만, 개발자들이 하나만 쓰기 위해 노력을 해야 한다. id를 주는 이유는 하나 하나 제어를 할 때 쉽게 찾기 위함이다.

class : 하나의 html 안에 중복해서 여러 곳에 같이 쓸 수 있다. 여러개 사용함으로써 동일한 css style을 부여할 수 있다.  비슷한 스타일을 같이 표현하기 위해 css클래스를 하나 만들어두고 클래스를 부여함으로써 같은 스타일을 갖도록 한다. 

 

* tag에 추가적인 데이터 정보를 표현하기 위해 data 속성을 부여하기도 한다.

 

 

정리

ID 
- 고유한 속성으로 한 HTML문서에 하나만 사용 가능하다.
- 고유한 ID값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이하다.

 

Class
- 하나의 HTML문서 안에 중복해서 사용 가능하다.
- 하나의 태그에 여러 개의 다른 class 이름을 공백 기준으로 나열할 수 있다.
- 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해서는 class 사용이 필수적이다.

 

 

 

 

 

 

 

 

참고 :  boostcourse    https://www.boostcourse.org/web316/lecture/16670/?isDesc=false

웹 프로그래밍(풀스택)