인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

gyun do님의 프로필 이미지

작성한 질문수

입문자를 위한, HTML&CSS 웹 개발 입문

선택자(Selector)1 - 기본선택자

id 중복으로 해도 문제 없습니다

작성

·

90

0

  <h1 id="title">애국가</h1>
    <hr />
    <h2 id="title">1절</h2>

이렇게 id를 중복으로 선언해도 문제없이 둘다 css가 적용됩니다.

 

그런데 선생님은 id는 요소 하나에만 쓸 수 있다고 하셨습니다. 뭐가 맞는건지 궁금합니다

 

 

 

 

 

답변 2

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

HTML 표준에 따르면 ID는 페이지 내에서 고유해야(unique) 합니다.

즉, 하나의 ID는 하나의 요소에만 사용되어야 합니다.

ID가 중복으로 사용된 코드가 "동작은" 할 수 있지만, 이는 올바른 방법이 아닙니다.

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. gyun do님.

질문하신 내용에 대해 설명드리겠습니다. HTML에서 id는 문서 내에서 고유해야 하며, 한 번만 사용할 수 있다고 W3C 표준에서 명시하고 있습니다. 즉, id 속성은 특정 요소를 유일하게 식별하기 위해 사용하는 것으로, 동일한 id를 여러 요소에 사용할 경우 HTML 문서의 구조를 손상시킬 수 있습니다.

실제로 id를 중복해서 사용하면 CSS나 JavaScript에서 예상치 못한 결과를 초래할 수 있습니다. 예를 들어, JavaScript로 특정 id의 요소를 선택하려고 할 때 중복된 요소들 중 특정한 하나를 선택하는 것이 어려워질 수 있습니다. 따라서 동일한 스타일을 여러 요소에 적용하고자 한다면 class를 사용하는 것이 적합합니다.

관련된 질문과 답변을 참고하실 수 있는 게시물을 추천드립니다:
- 최상위 태그 html 태그

이 글에서는 HTML의 기본적인 구조와 태그에 대해 설명하고 있으며, HTML에서의 idclass 사용 방법에 대해서도 도움이 될 수 있는 설명이 포함되어 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

gyun do님의 프로필 이미지

작성한 질문수

질문하기