ID ? 사용법 뭐야~ | HTML & CSS 시리즈 012

아이디 는 클래스와 매우 유사하면서 차이점이 있다.

그 차이점을 확실히 짚어두어야만 나중에 헷갈리지 않고 자유자재로 사용할 수 있다.

 

아래 사진을 통해 클래스와 아이디를 비교해보자.

아이디도 결국 클래스처럼 style 태그 안에 스타일속성과 속성값을 만들어준 후 

그 스타일을 적용해주고 싶은 태그로 가서 id 이름을 입력해주는 방식이다.

 

하지만, 사진에도 나와 있듯이 클래스는 한 클래스로 여러 태그들을 적용하여 스타일 해줄 수 있지만,

ID는 그렇지 않다. 중복이 불가능하다. 즉, 이미 사용했던 ID 라면 다른 태그에 적용이 불가능하다.

 

클래스는 여러 클래스가 가능하다. big , blue 2가지가 가능한 반면에

id는 best , first 2가지 가 불가능하다. 하나만 가능하다.

 

 

결국

중복하면서 여러 요소 스타일링 해주고 싶으면 class

고유의 한가지 만을 스타일링 해주고 싶다면 id

 

 

 

* 어떻게 보면 우리가 어떤 사이트에 회원가입할때 id는 중복되지 않는 단 하나 만이 가능한 것 처럼

웹프로그래밍에서도 id의 의미는 동일한 면이 있는 것 같다.

 

 

또한 아래 사진 처럼  클래스와 아이디는 스타일 태그에서

.  (마침표): 클래스

# (샾): 아이디 

로 구분된다.