HTML 식별자 class vs id

지원 ·2023년 4월 12일
0

html

목록 보기
2/2


이미지 참조

class

id와 다르게, 재사용이 가능하다. 여러 개의 요서에 지정이 가능하며 css에서 다중으로 스타일링 할때 활용된다.

<ul class="items">
	<li class="item"> item1 </li>
    <li class="item"> item2 </li>
    <li class="item"> item3 </li>
</ul>

id

HTML 문서 파일에서 중복 사용이 불가능한, 고유한 식별을 목적으로 사용한다.
페이지에서 하나의 요소만 지정이 가능하다. 만약 다른 요소에 같은 id를 지정하면, 페이지에서 가장 상위에 있는 id만 인식하고 적용된다.

<h1 id="title"> Title One </h1>
<h1 id="title"> Title Two </h1> --> 사용 불가능하다. 페이지에서 가장 상위에 있는 id만 적용한다

0개의 댓글