HTML5 - semantic elements

HTML5 - semantic elements
요소 설명
<header> 웹 사이트 전체 혹은 일부 요소의 머리말(header)에 해당하는 부분을 지정합니다. 참고로 HTML 문서 정보를 나타내는 <head>태그와 <header>태그는 전혀 다릅니다.
<hgroup> 제목과 그와 관련된 부제목을 묶어줍니다. 이렇게 함으로써 문서의 중요한 뼈대를 쉽게 구성할 수 있습니다.
<nav> 문서 안에서, 혹은 다른 문서로 링크하기 위한 내비게이션 링크를 표현하며 문서 안에서 어느 위치에든 배치할 수 있습니다.
<article> <article> 태그를 사용한 콘텐츠는 웹상에서 다른 곳으로 배포하거나 재사용될 수 있습니다. 보통 블로그의 포스트나 웹 사이트의 내용, 사용자가 등록한 코멘트, 웹 콘텐츠의 독립적인 항목 등이 모두 여기에 해당될 수 있습니다.
<section> 제목을 붙여서 콘텐츠 그룹을 묶을 때 사용하는 <article> 태그와 달리 <section> 태그를 사용한 콘텐츠는 웹상에서 배포할 수 없습니다.
<aside> 웹 페이지에서 본문 내용을 구성하고 남는 내용으로 사이드 바를 구성합니다.
<footer> 웹 페이지 저작권 정보나 제작자 정보 등이 들어갑니다. <footer> 태그 안에는 다른 여러 요소들이 포함될 수 있습니다.
<figure>와 <figcaption> 그림이나 도표, 소스 코드 등에 설명글을 붙일 수 있습니다.
<mark> 텍스트에 강조 표시를 할 수 있습니다.
<time> 날짜와 시간 정보를 기록할 수 있습니다.
<address> 주소를 표시하기 위한 요소가 아니라 제작자 이름이나 웹 사이트 주고, 메일 주소 등의 연락처 정보를 표시하기 위한 것입니다.
<i> HTML4에서의 용도와 달라져서 외국어나 분류학적인 용어, 대본에서의 무대 지문, 머릿속 생각 등 다른 텍스트와 구별되는 텍스트를 표시할 때 사용합니다.
<b> HTML4에서의 용도와 달라져서 제품 소개 페이지에서의 제품명처럼 특별히 중요하진 않지만 진하게 표시해야 할 텍스트를 표시할 때 사용합니다.
<small> HTML4에서의 용도와 달라져서 주변의 다른 텍스트보다 포커스를 받지 못하는 텍스트를 표시할 때 사용합니다.
<hr> HTML4에서의 용도와 달라져서 주제가 완전히 달라지는 단락과 단락 사이에 사용됩니다.