html 기본 태그 정리
기본 블록 레벨(타입,스타일) 태그
콘텐츠를 가장 말단에서 감싸는 태그
-제목(h1,.....)
-문장(p)
-목록(ol, ul, menu > li, dl>dt,dd)
-표(table>tbody,thead,...)
-폼(form, legend....)
-어디에도 포함되지 않는 블록 : div
아웃라인 잡지 - 제목 잡기
제목+콘텐츠블록의 묶음 : div
과거에는 섹션을 위한 태그는 존재하지 않아서 : div
->포함관계를 세어서 섹션에 대한 제목의 넘버를 직접 부여하는 작업이 필요
=> 새로운 섹션을 위한 태그가 등장
section
섹션에는 다음과 같은 블록들이 존재할 수 있다.
header / main / footer 와 같은 영역이 존재한다.
-> 과거에는 이런 영역이 태그로 존재하지 않아서 : div를 사용
=> 지금은 그런 영역을 위한 특수한 이름의 태그가 존재
---------------------------------------------------------------------
section 태그
section 의 조건
- 제목 + 내용(콘텐츠)
시멘틱(의미가 부여된) section
-article>header,footer
-aside>header,footer
-nav>header(X),footer(X),main(X)
-body>header,footer,main(O)
section의 부분(영역)을 만드는 태그로 div가 사용되었는데
section의 필수 영역에 대해서는 시멘틱한 태그가 추가 되었다
-header
-main
-footer
프론트 수업용 게시글
<인라인 태그 문서>
https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements
<시멘틱 태그 정리>
div
- header
- main(body section에서 딱 1번만 사용 가능)
- footer
section
- article
- aside
- nav(header/footer-X)