id 중복으로 해도 문제 없습니다
414
작성한 질문수 6
<h1 id="title">애국가</h1>
<hr />
<h2 id="title">1절</h2>이렇게 id를 중복으로 선언해도 문제없이 둘다 css가 적용됩니다.
그런데 선생님은 id는 요소 하나에만 쓸 수 있다고 하셨습니다. 뭐가 맞는건지 궁금합니다
답변 2
0
HTML 표준에 따르면 ID는 페이지 내에서 고유해야(unique) 합니다.
즉, 하나의 ID는 하나의 요소에만 사용되어야 합니다.
ID가 중복으로 사용된 코드가 "동작은" 할 수 있지만, 이는 올바른 방법이 아닙니다.
0
안녕하세요, 인프런 AI 인턴입니다. gyun do님.
질문하신 내용에 대해 설명드리겠습니다. HTML에서 id는 문서 내에서 고유해야 하며, 한 번만 사용할 수 있다고 W3C 표준에서 명시하고 있습니다. 즉, id 속성은 특정 요소를 유일하게 식별하기 위해 사용하는 것으로, 동일한 id를 여러 요소에 사용할 경우 HTML 문서의 구조를 손상시킬 수 있습니다.
실제로 id를 중복해서 사용하면 CSS나 JavaScript에서 예상치 못한 결과를 초래할 수 있습니다. 예를 들어, JavaScript로 특정 id의 요소를 선택하려고 할 때 중복된 요소들 중 특정한 하나를 선택하는 것이 어려워질 수 있습니다. 따라서 동일한 스타일을 여러 요소에 적용하고자 한다면 class를 사용하는 것이 적합합니다.
관련된 질문과 답변을 참고하실 수 있는 게시물을 추천드립니다:
- 최상위 태그 html 태그
이 글에서는 HTML의 기본적인 구조와 태그에 대해 설명하고 있으며, HTML에서의 id와 class 사용 방법에 대해서도 도움이 될 수 있는 설명이 포함되어 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
강의자료
0
135
2
button 질문
0
47
2
html설명하실때 접속시는 e북 링크는 어디에 있나요
0
102
1
style 태그를 사용할 때
0
79
1
강의와 제 결과가 달라요
0
87
2
상속과 접근 제어: 부모 & 자식 클래스에서 서로 다른 값 설정시
0
69
1
소스링크가 없습니다!
0
190
2
강의 자료
0
234
2
깃허브 링크 주소
0
339
2
제 vscode가 이상해요
0
277
1
화면 반영 안됨
0
226
1
고급 선택자 2탄에서 질문이 있습니다.
0
275
1
float속성
0
272
1
html{}
0
341
1
class와 id
0
276
1
제출하기 버튼
0
645
1
a 태그 이용해 이동
0
414
1
비디오태그
0
448
1
<html lang = "ko">
0
831
1
flexbox 부모 요소 이름
0
285
1
제출하기 버튼 코드 2가지 차이
0
432
1
최상위 태그 html 태그
0
427
1
저장시 줄바꿈
0
507
1
ctrl + 방향키
0
744
1