[HTML] 콘텐츠 구조

<header>

• 소개나 탐색을 돕는 그룹
• 로고, 메뉴, 검색바, 로그인버튼, 로그아웃 버튼 등을 넣는 요소
• header 안에 header나 footer를 넣을 수 없음

<footer>

• 사이트 가장 하단에 위치
• 연락처, 주소 등을 넣는 요소
• 작성자 구획, 저작권 데이터, 관련된 문서의 링크에 대한 정보를 포함

<h1>~<h6>

• 6단계의 문서 제목 구현
• 제목의 정보는 문서의 목차를 만드는 것처럼 사용가능
• 제목 폰트의 크기를 줄이기 위해 낮은 단계를 사용하지 말 것
• 제목 단계를 건너뛰는 것을 피하기
• 첫번째 단계의 제목은 한페이지에 하나만 사용

<main>

• 문서의 핵심 주제나 애플리케이션의 핵심 기능성에 대해 부연 또는 직접적으로 연관된 컨텐츠 설정
• IE 지원 불가
• 한 문서에 하나의 메인 요소만 가능

<article>

• 독립적 또는 재사용 할 수 있는 구분된 영역
• section, div같은 태그와 결 비슷하나 제일 의미가 강함

<section>

• 문서의 일반적인 영역 설정
• div는 별다른 의미없이 사용하나 section은 의미를 가지고 있음(의미, 제목)
• article보다 더 다양한 곳에서 쓸 수 있음
• sction내부에서 article 태그 사용 가능그 반대도 가능

<aside>

• 문서의 별도 콘텐츠 설정(배너나 기타 광고)
• 전체적인 컨텐츠와 구분되어져 있는 사이드 영역에 설정

<nav>

• Navigation의 약자
• 다른 페이지 링크를 제공하는 영역을 설정

<address>

• 1개 이상의 연락처 정보를 제공하기 위해 포함하여 사용

<div>

• division의 약자
• 꾸미는 목적으로 사용할 때 매우 유용
• 막 사용 할 수 있음

 

참고