[HTML] id(#), class(.) 차이

<id와 class 의 차이>

ex)

<p class = "key">A</p>

<p class = "key">B</p> 

-> key 클래스를 여러곳에 중복으로 사용가능

 

-------이와반대로-------

 

<p id = "birthday">홍길동</p>

<p>김영찬</p> 

-> id 클래스는 위예시로 birthday 아이디는 여러곳에 사용할 수 없습니다.

홍길동에있는 p태그에 사용했다면 김영찬의 p 태그에는 사용할 수 없습니다.

 

 

그리고 class 사용예입니다. 

<div class="className1 className2"> 연습 </div>

위의 두 단어 사이에 띄어쓰기로 공백이 의미하는것은 서로 다른 두 개의 class를 의미하게 됩니다.

 

또한 

선택자사용시

# 기호는 id 값을 선택자로 지정할 때 사용합니다.  

. 기호는 class 값을 선택자로 지정할 때 사용합니다.

 

참고했던 블로그> 

https://heinafantasy.com/155

클래스(class)와 아이디(id)의 차이점