본문으로 건너뛰기
실습하기

ID 식별자(Selector)

HTML id는 특정 HTML 요소를 고유하게 식별하기 위한 식별자(Selector)입니다.

id는 주로 특정 요소에 고유한 id를 부여해, CSS나 JavaScript에서 해당 요소를 선택하고 조작하기 위해 사용됩니다.

이러한 고유성 때문에 여러 HTML 요소가 동일한 id를 가질 수 없습니다.

id 식별자는 아래와 같이 #을 붙여 정의합니다.

HTML id 사용 예시
<style>
  #intro {
    font-size: 24px;
    font-weight: bold;
    color: green;
  }
</style>

<p id="intro">반갑습니다</p>

위 코드는 intro라는 id를 가진 HTML 요소를 #intro로 선택해, 이 HTML 요소에만 적용되는 스타일을 적용합니다.

참고로 id는 대소문자를 구분합니다. 즉, Intro와 intro는 다른 id입니다.

하지만 id는 관례적으로 소문자를 사용합니다.

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!