HTML/CSS class명 띄어쓰기의 의미

 

오늘은 class명에 관련된 내용을 보도록 하겠습니다. 

 

 

먼저 class명을 지정하는 방법을 확인해보겠습니다.

⊙ 첫 글자는 알파벳으로 시작해야 합니다.
⊙ 두 번째부터는 알파벳과 숫자, 하이픈(-), 언더바(_)를 사용할 수 있습니다.
    (대소문자 구분되기 때문에 카멜 기법으로 사용 가능)

 

* 카멜 표기법 
낙타의 등 모양처럼 생겨서 붙어진 이름입니다. 단어의 첫음절마다 대문자를 사용하여 표기합니다.
ex) className  testClass

 

 

 

 

이제 class명 띄어쓰기 의미에 대해 알아보도록 하겠습니다.

 

HTML 태그 예시를 보면서 살펴보겠습니다.

 

<div class="className1 className2"> 테스트 </div>

 

위 태그 예제에서 class 항목에 "className1"와 "className2"가 적혀있습니다.

두 단어 사이에 띄어쓰기로 표시가 되어있는 것은 서로 다른 두 개의 class를 의미하게 됩니다. 

 

* class 내부에서 띄어쓰기를 사용하면 구분되는 클래스로 인식하게 됩니다.