HTML 5

<!DOCTYPE html>

Specification: whatwg.org/html5
Mailing lists: whatwg.org/mailing-list
IRC channel: irc://irc.freenode.org/whatwg

Sectioning content

article: A composition that forms an independent part of a document, page, application, or site.
aside: Content that is tangentially related to the content around the aside element
nav: A section with navigation links.
section: A generic document or application section.

Heading content

h1, h2, h3, h4, h5, h6

hgroup

Used to group a set of h1–h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.

<hgroup>
  <h3>The Diamond Age</h3>
  <h4>or A Young Lady's
Illustrated Primer</h4>
</hgroup>

Flow content

header: A group of introductory or navigational aids.
footer: A footer for its nearest ancestor sectioning content. Typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.
figure: Content, optionally with a figcaption, that is self-contained and is typically referenced as a single unit from the main flow of the document.

Interactive content

audio

<audio src="audio.mp3"
controls preload="none"
autoplay loop>
</audio>

video

<video width=360 height=240
controls poster="image.jpg">
<source src="movie.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>

Use either the src attribute or source elements.

Phrasing content

mark

A run of text in one document marked or highlighted for reference purposes, due to its relevance in another context.

time

A time on a 24 hour clock, or a precise date in the Gregorian calendar.

<time datetime="2009-09-02">
September 2nd, 2009
</time>

The Boolean attribute pubdate indicates the publication date of an article.

`input type`s

search, tel, email, url, datetime, datetime-local, date, month, week, time

number

A text field or spinner control.

<input type="number" min=0 max=10>

range

A slider control.

<input type="range" min=0 max=100>

color

A colour well.

<input type="color" value="#000000">

Metadata content

`style`

The type attribute is optional.

The optional scoped attribute indicates that the styles are intended just for the subtree rooted at the style element's parent element, as opposed to the whole document.

`script`

The type attribute is optional.

Character encoding

<meta charset="utf-8">