inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

Flex 반응형 페이지 Step 4

시맨틱 태그

212

js be

작성한 질문수 25

0

좋은 강의 항상 감사드립니다.

<header>, <nav>, <main>, <article>, <section>, <aside> 

등등 꽤 다양한 개념들이 나옵니다.

저렇게 나눠놨지만 정확한 차이점들을 구별

하기 힘든 경우도 많습니다. 선생님도 그렇게 나누시는데

기준을 가지고 나누는건가 여쭙고 싶습니다. 

강의를 보지않고 직접 해보려고 해도 저 부분들이 헷갈릴 

떄가 많은데 저 부분들을 좀 덜 신경써도 되는건지 은근

신경이 많이 쓰이는 부분입니다.

제가 아직 공부가 덜 돼서 감(?)이 부족한 거라고 생각합니다.

전달하려는 내용이 잘 전달되는지 모르겠습니다.

답변 감사드립니다.

HTML/CSS flex

답변 1

1

1분코딩

태그를 의미에 맞게 사용하는 것은, 현재 시점에서 중요한 것들도 있고 크게 의미가 없는 것들도 있습니다.
예를들어 h1같은 타이틀은 검색 엔진에 있어 아주 의미가 크지요.
반면 어떤 콘텐츠를 section으로 구분할지, article로 구분할지는 크게 상관 없는 경우도 많고요.
어차피 사람이 주관적으로 판단해서 구분지어야 하는 것이라 말씀대로 애매한 경우가 많습니다 ㅎㅎ
기준을 가지고, 합리적으로 판단해서 구조를 결정하시면 됩니다^^

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

118

1

수업자료 다운로드

0

122

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

136

1

css grid repeat() 에서 autofit 사용시

0

181

1

menu 아이템 반응형 변경

0

102

1

질문은 아니고.. 오타 발견..

0

120

1

웹에서 위치?값

0

211

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

510

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

309

1

flex-basis auto, 0 차이

0

709

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

606

1

animation forwards 관련 질문

0

488

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

559

1

flex-grow IE 질문드립니다.

0

624

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

437

1

Grid 수직정렬 문의

0

1075

1

card__item에 display:flex를 했을 때..

0

512

1

11vmin

0

417

1

header class 안에 div와 h2

0

576

1

grid 반응형 페이지 step1 질문있습니다~

0

281

1

반응형 페이지 step4 order

0

355

1

미디어쿼리 사이즈

1

285

1

figure + div

0

298

1

CSS Grid를 통한 정렬의 장점

0

245

1