inflearn logo
강의

講義

知識共有

本当!ウェブサイト制作! Step by Step! (韓国消費資源消費者時代-レイアウト制作基礎)

ヘッダー領域を作成する(19分5秒)

태그 id, class 에 관한 질문

解決済みの質問

335

orca

投稿した質問数 3

0

안녕하세요! 수업 잘 듣고 있습니다.

너무 기초적인 질문이라 조금 꺼려졌는데 그래도 스스로 해결되지 않아서 질문드려요.

id 태그는 "id는 원칙상, 하나의 id하나의 태그에만 적용" 한다고 공부했었는데 이와 같은 식으로 하나의 id가 여러 태그에 적용될 수 있는 것을 발견했습니다. 여러 id가 하나의 태그에는 적용되지 않는 것은 확인했습니다. 보통 다른 글에는 태그마다 전부 다른 id를 사용하였습니다. 제가 저 문장을 잘못 이해한 것인지 궁금합니다.

(일반적으로 id는 유일한 태그에 사용하고 class 태그를 여러 묶었을 때 사용하는 것인가요?)

HTML/CSS

回答 1

1

jyoung

안녕하세요? 태현님~~
태현님이 작성하신 예시에서는 단순한 구조에서 스타일을 적용하여서 문서 내에 중복된 아이디에 스타일이 적용되었는데...
원칙적으로 같은 문서내에서 id는 요소에 한번만 사용하고 , class는 다중 요소에 적용할 수 있습니다.
특히 스크립트 적용 시에는 에러가 발생할 수 있으니 이 원칙을 지키셔서 작성하셔야 합니다~~

작성하신 예시에...margin값에 px단위도 꼭 붙이셔야하구요...

추가로 더 말씀드리자면..
id속성 :
- 고유영역식별자
- Label과 input컨트롤을 연결하기 위한 식별자
- 표와 표 설명을 연결하기 위한 식별자로 사용

class속성 :
- 여러영역에서 중복정의를 허용하여 재 사용이 가능한 식별자
- 한 영역에서 여러개 정의를 허용하여 재 사용이 가능한 식별자

그럼~~
남은오후도 편안한 시간되세요~~

J.young드림

0

orca

답변 감사합니다! image

검색엔진 차단 noindex

0

34

2

파트9 강의는 언제 오픈하시나요

0

34

2

ZIP 파일

0

29

2

26강 13F 강의 불일치 및 질문 요청

0

39

3

state 객체로 묶기

0

28

1

XAMPP에서 Apache, DB 재기동 시 접속안되는 문제

0

19

1

Breadth (등락 비율) 분석

0

24

1

26 .강의 프롬프트와 프롬프트파일(part3) 내용이 차이가 있어요.

0

31

2

6-6

0

31

1

Json 플러그인 사용시 variable collection 없음

0

35

2

배리어블 목록 없음

0

44

3

Token 등록 방법 문의

0

28

1

6-6 실습 문의

0

34

2

섹션5 노션링크 는 따로 없나요?

0

37

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

41

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

37

2

CSS 맨 마지막 top 클래스 부분 질문입니다

0

328

1

overflow:hidden 과 float에 대해 질문 드립니다.

0

222

1

결과 파일 어떻게?

0

297

1

궁금한게 있는데요!

0

256

1

section.smart 질문

0

268

2

문의드립니다.

0

318

1

강의 결과 파일

1

236

1

img를 p로 묶는 이유가 있을까요?

0

246

1