Semantic HTML
HTML 을 작성할 때 구조적인 의미를 강화하는 위해서 HTML
이것은 태그, 클래스 이름, 아이디로 각 구성요소에 의미를 부여하는 것.
보통 아래와 같이 구성하는 것을 권장한다.
header
- <header> 화면의 가장 윗 부분에 배치될 것
navigation bar
- <nav> 메뉴 등
main contents
- <main> 컨텐츠. article, section, div, table 등으로 원하는 컨텐츠 제작
sidebar
- <aside>, 사이드바는 종종 <main> 안에 오기도 함
footer
- <footer> 화면의 하단에 배치될 것
Ref :
Document and website structure
At this point you should have a better idea about how to structure a web page/site. In the last article of this module, we'll study how to debug HTML.
developer.mozilla.org
'HTML5&CSS3' 카테고리의 다른 글
| CSS Layout 잡기 - Flexbox (0) | 2020.09.07 |
|---|---|
| CSS단위 vm, vh, vmin, vmax, px, em rem) (0) | 2020.09.07 |
| display&position&overflow 정리 (0) | 2020.09.06 |
| block 레벨 요소와 inline 레벨 요소 (0) | 2020.09.06 |
| CSS Layout 잡기 - Flexbox (0) | 2020.09.06 |
