태그 id, class 에 관한 질문
안녕하세요! 수업 잘 듣고 있습니다.
너무 기초적인 질문이라 조금 꺼려졌는데 그래도 스스로 해결되지 않아서 질문드려요.
id 태그는 "id는 원칙상, 하나의 id당 하나의 태그에만 적용" 한다고 공부했었는데 
이와 같은 식으로 하나의 id가 여러 태그에 적용될 수 있는 것을 발견했습니다. 여러 id가 하나의 태그에는 적용되지 않는 것은 확인했습니다. 보통 다른 글에는 태그마다 전부 다른 id를 사용하였습니다. 제가 저 문장을 잘못 이해한 것인지 궁금합니다.
(일반적으로 id는 유일한 태그에 사용하고 class 태그를 여러 묶었을 때 사용하는 것인가요?)
답변 1
1
안녕하세요? 태현님~~
태현님이 작성하신 예시에서는 단순한 구조에서 스타일을 적용하여서 문서 내에 중복된 아이디에 스타일이 적용되었는데...
원칙적으로 같은 문서내에서 id는 요소에 한번만 사용하고 , class는 다중 요소에 적용할 수 있습니다.
특히 스크립트 적용 시에는 에러가 발생할 수 있으니 이 원칙을 지키셔서 작성하셔야 합니다~~
작성하신 예시에...margin값에 px단위도 꼭 붙이셔야하구요...
추가로 더 말씀드리자면..
id속성 :
- 고유영역식별자
- Label과 input컨트롤을 연결하기 위한 식별자
- 표와 표 설명을 연결하기 위한 식별자로 사용
class속성 :
- 여러영역에서 중복정의를 허용하여 재 사용이 가능한 식별자
- 한 영역에서 여러개 정의를 허용하여 재 사용이 가능한 식별자
그럼~~
남은오후도 편안한 시간되세요~~
J.young드림
part3. spy 쪽 / part3,part4 강의자료
0
32
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
48
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
56
1
구글 서치콘솔 도메인 소유권 확인 실패
0
40
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
59
1
다음 강의 얼른 올려주세요
0
44
2
일반 강의와 차이점?
1
53
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
65
2
stopPropagation()에 대해서 질문 있습니다.
0
50
2
뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문
0
41
2
노션에 20.Contact가 없어요
0
47
2
CSS 맨 마지막 top 클래스 부분 질문입니다
0
333
1
overflow:hidden 과 float에 대해 질문 드립니다.
0
229
1
결과 파일 어떻게?
0
303
1
궁금한게 있는데요!
0
260
1
section.smart 질문
0
275
2
문의드립니다.
0
319
1
강의 결과 파일
1
237
1
img를 p로 묶는 이유가 있을까요?
0
250
1