HTML & CSS >
시맨틱 태그
| 설명 | |
|---|---|
| <header> | 문서의 헤더. 로고, 제목, 검색 등. |
| <footer> | 문서의 푸터. 작성자, 저작권 등. |
| <main> | 문서의 메인 내용. 한 문서에 하나의 <main> 태그만 포함 가능. |
| <article> | 다른 요소 태그에 포함되기도 하면서, 그 자체로 제목-내용으로 이루어진 하나의 완결된 컨텐츠를 담고 있는 태그. 게시글이나 기사의 내용을 미리보기로 보여주는 경우에 이를 감싸는 등의 용도로 쓰이는 태그. 반드시 <h2>, …, <h6> 태그를 포함해야 한다. |
| <aside> | 문서의 내용와 관련 없는 별도 내용. 광고 등. |
| <nav> | 사이트 내/외 페이지로의 링크(Home, About, Contact 및 기타 메뉴, 목차, 외부 링크 등)를 제공하는 영역을 담는 태그. 링크 그룹의 성격에 따라 한 페이지 내에 수개의 <nav> 태그가 있을 수 있으나, 모든 링크를 반드시 <nav> 태그에 담아야 하는 것은 아님. <footer> 영역에서 <nav> 태그 사용은 보통 안하는 편. |
| <menu> | 반응형 태그로서, 링크나 유저가 활성화할 수 있는 커맨드를 담는 unordered list를 담는 태그. <ul>을 대체하는 시맨틱 태그. |
HTML & CSS 카테고리의 다른 글