HTML5에서 새로 사용된 엘리먼드들

html5에서 도입된 더 좋은 구조를 위한 새 엘리먼트들입니다.

<div>를 사용해도 되는데 문서의 포맷을 더 명확히 해주기 위해서 아래의 태그를 사용할 것을 권장합니다.

<article>	Defines an article
<aside>	Defines content aside from the page content
<bdi>	Isolates a part of text that might be formatted in a different direction from other text outside it
<command>	Defines a command button that a user can invoke
<details>	Defines additional details that the user can view or hide
<summary>	Defines a visible heading for a <details> element
<figure>	Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
<figcaption>	Defines a caption for a <figure> element
<footer>	Defines a footer for a document or section
<header>	Defines a header for a document or section
<hgroup>	Groups a set of <h1> to <h6> elements when a heading has multiple levels
<mark>	Defines marked/highlighted text
<meter>	Defines a scalar measurement within a known range (a gauge)
<nav>	Defines navigation links
<progress>	Represents the progress of a task
<ruby>	Defines a ruby annotation (for East Asian typography)
<rt>	Defines an explanation/pronunciation of characters (for East Asian typography)
<rp>	Defines what to show in browsers that do not support ruby annotations
<section>	Defines a section in a document
<time>	Defines a date/time
<wbr>	Defines a possible line-break

새로운 미디어 태그는 다음과 같습니다.

<audio>	사운드 항목을 정의
<video>	비디오 항목을 정의
<source>	<video> 와 <audio> 를 위한 다중항목을 정의
<embed>	인터랙티브 컨텐츠 또는 외부어플리케이션의 컨테이너를 정의
<track>	<video> 와 <audio>의 텍스트 트랙을 정의

그리고 너무나 특별한 <canvas>가 있구요.

새로운 Form 엘리먼트로는 다음과 같은 태그가 있습니다

<datalist>	Specifies a list of pre-defined options for input controls
<keygen>	Defines a key-pair generator field (for forms)
<output>	Defines the result of a calculation