[inflearn] html, CSS : 컨텐츠 그룹 태그

eve·2023년 1월 31일
0

frontend

목록 보기
9/40

1. outline element

웹 페이지를 만들 때, 문서 골격을 잡기 위해 사용하는 태그 요소들



2. article

단독으로 사용 가능한 내용을 담는 엘리먼트.
(ex. 잡지 기사, 포럼, 블로그 글, 댓글, 위젯 등)



3. section

하나의 주제로 컨텐츠를 그룹화
제목을 포함하여 식별



4. header

sectioning content의 헤더
헤딩 없이 목차, 검색폼 등을 header로도 감쌀 수 있음
💡 sectioning content란?
article, aside, nav, section 등 헤딩과 풋터의 범위를 정의하는 요소들



Sectioning content의 마지막
순서 상 끝에 위치하지 않는 경우도 있음



6. nav

링크 그룹화.
주로 메인 navigation 역할의 링크 그룹에 사용.



7. aside

페이지의 주 내용과 관련없는 내용
사이드바 형태의 디자인으로 주로 표현
각주에는 사용되지 않음



8 . h1 ~ h6

Sectioning content의 제목
서브타이틀로는 사용해서는 안됨

  • 적용예시
    • footer는 각 섹션 아래마다 들어가는 것도 가능함

profile
유저가 왜 그랬을까

0개의 댓글