class와 id속성

ID

 - 고유한 속성으로 한 HTML 문서에 하나만 사용 가능하다.

 - 고유한 ID값이 있으면 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이하다.

위의 예시를 살펴보면

각 방송사가 위치해있는 하나의 칸 마다 id가 지정되어있음을 볼 수 있다.

Class

- 하나의 HTML문서 안에 중복해서 사용 가능하다.

 - 하나의 태그에 여러개의 다른 class 이름을 공백을 기준으로 나열할 수 있다.

 - 홈페이지 전체적인 스타일을 일관성있게 지정하기 위해서는 class의 사용이 필수적이다.

다음의 예시를 살펴보면 뉴스 이미지 하나하나마다 동일한 class가 적용되는 것을 볼 수 있다.

즉 같은 디자인이 적용되고 있는 것이다.

출처 : edwith

https://www.edwith.org/boostcourse-web/lecture/16670/