HTML5에서 추가된 의미 요소

1. header 요소

• 섹션(section) 부분에 대한 헤더(header)를 정의함.
• 도입부에 해당하는 콘텐츠.

2. nav 요소

• 문서 사이를 탐색할 수 있는 링크(link)의 집합.

3. main 요소

• HTML 문서의 주요 콘텐츠(content)를 정의.

4. section 요소

• HTML문서에서 섹션(section) 부분을 정의.
• 제목을 가지고 있다.
• HTML 문서의 전체적인 내용과 관련 있는 콘텐츠들의 집합.

5. article 요소

• HTML 문서에서 독립적인 하나의 기사(article) 부분을 정의.
• 그 자체만으로도 이해가 되어야 한다.
• 웹사이트의 나머지 부분과는 별도로 읽을 수 있어야 한다.

 

※section과 article요소의 큰 차이점은 안보이지만

section 요소는 HTML 문서의 전체적인 내용에 포함.

article 요소는 전체와는 별도로 독립적인 내용이 들어갈 때 사용.

 

6. figure / figcaption 요소

 

 - figure

• HTML 문서에서 그래픽과 비디오 등의 독립적인 콘텐츠(content)를 정의할 때.

- figcaption

• figure 요소를 위한 캡션을 정의할 때 사용.

7. footer 요소

• 일반적으로 사이트의 작성자나 그에 따른 저작권 정보 연락커 등을 명시.
• Copyright.