시멘틱 태그

시멘틱태그의 기본적인 구성

 

<article>	여러 문단을 묶는 태그, 독립적인 콘텐츠를 정의할 때 사용
<aside>	콘텐츠나 페이지의 외곽에 위치한 요소들을 묶는 태그, 보통 퀵메뉴나 스크롤탑버튼등에 사용
<details>	사용자가 보거나 숨길 수 있는 세부 콘텐츠를 정의할 때 사용
<summary>	<details>태그를 통해 보여지는 콘텐츠를 담는 태그로 사용
<figure>	일러스트레이션, 다이어그램, 사진, 코드 목록 등과 같은 자체 포함 된 콘텐츠를 지정
<figcaption>	<figure>태그로 정의한 일러스트레이션, 다이어그램, 사진등의 제목설명등을 작성
<header>	페이지나 일부분의 머리말(헤더)부분을 지정
<footer>	페이지나 일부분의 꼬리말(푸더)부분을 지정
<main>	페이지의 가장 중요한 메인 부분을 지정
<nav>	페이지의 네비게이션 부분을 지정
<section>	페이지의 일부분을 지정