class, id

html와 css에서 작업할 때 흔하게 쓰이는 속성인 class와 id

둘 다 스타일을 지정하는 목적으로 사용되는 등 얼핏보면 차이가 없어보이기도 합니다

하지만 분명한 차이점이 존재합니다

class는 HTML 요소를 그룹화하거나 스타일링하기 위해 사용됩니다. 여러 요소에 대해 동일한 클래스를 적용할 수 있다는 게 가장 큰 차이입니다.

예를 들어, "class="header""는 "header" 클래스를 가진 HTML 요소를 지정합니다.
CSS에서는 ".header"로 클래스를 지정하고, 이를 사용하여 해당 클래스를 가진 모든 요소에 대해 스타일을 지정할 수 있습니다.

반면에

ID는 HTML 요소를 고유하게 식별하기 위해 사용됩니다. 즉, 동일한 ID를 가진 요소는 문서 내에서 한 번만 나타날 수 있습니다. CSS에서는 "#"을 사용하여 ID를 지정합니다.

예를 들어, "id="main""은 "main" ID를 가진 HTML 요소를 지정합니다. CSS에서는 "#main"으로 ID를 지정하고, 이를 사용하여 해당 ID를 가진 요소에 대해 스타일을 지정할 수 있습니다.

그렇기 때문에 단순히 다수의 요소를 적용하기 위해 구분해서 사용하는 것도 물론 좋지만 시맨틱적으로 클래스는 그룹화와 스타일링, ID는 고유 식별을 위해 사용하는 것이 좋은 방향이라고 생각됩니다.