2.19.2011

HTML5 Periodic Table

HTML5 Elements

The table below shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk).

Periodic Table of the Elements

Elements for html5advent.com

<html>

Document root element.

1html

<col>

Columns in a table.

col

<table>

Table of multi-dimensional data.

table

<head>

First element of the HTML document. Contains document metadata.

1head
79span

<fieldset>

Set of form controls grouped by theme.

fieldset

<form>

Form.

form

<body>

Document content.

1body

<h1>

Heading for the current section.

25h1

<section>

Contains of elements grouped by theme, for example a chapter or tab box.

25section
colgroup

<tr>

A row of cells.

tr

<title>

Document title.

1title
216a

<pre>

Text that is preformatted in the HTML code.

pre

<meter>

Control for entering a numeric value in a known range.

meter

<select>

Control for selecting from multiple options.

select

<aside>

Content related to surrounding elements that doesn't belong inline, such as a advertising or quotes.

aside
25h2

<header>

Navigation or introductory elements for the current section.

1header

<caption>

Title of a table.

caption

<td>

Table cell.

td

<meta>

Document metadata that can't be represented with other elements.

6meta
rt
dfn
em

<i>

Text in a alternate voice or mood, such as a technical term.

i

<small>

An aside, such as fine print.

24small

<ins>

Text that has been inserted during document editing.

ins

<hr>

Thematic break within a paragraph.

hr

<br>

Line break.

2br

<div>

Container with no semantic meaning.

86div
blockquote
legend

<optgroup>

Group of option.

optgroup

<address>

Contact information for the current article.

address

<h3>

Heading for the current section.

21h3

<nav>

Contains a collection of links.

nav

<menu>

Set of commands.

menu

<th>

Table heading.

th

<base>

Specifies URL which non-absolute URLs are relative to.

base

<rp>

Contains semantically meaningless markup for browsers that don't understand ruby annotations.

rp

<abbr>

Abbreviation or acronym.

abbr

<time>

Time defined in a machine readable format.

time

<b>

Stylistically separated text of equal importance, such as a product name.

b

<strong>

Text that is important.

48strong

<del>

Text that has been removed during document editing.

del

<s>

Text that is outdated or no longer accurate.

s

<p>

Paragraph content.

87p

<ol>

Ordered list.

ol

<dl>

List of term-description pairs.

dl

<label>

Caption for a form control.

label

<option>

Single option within a select control.

option

<datalist>

Define sets of options.

datalist

<h4>

Heading for the current section.

3h4

<article>

Section of the page content, such as a blog or forum post.

1article

<command>

Command the user can perform, such as publishing an article.

command

<tbody>

Contains rows that hold the table's data.

tbody
6link

<noscript>

Contains elements that are part of the document only if scripting is disabled.

noscript

<q>

Quoted text.

q

<var>

Mathematical or programming variable.

var

<sub>

Subscript text.

sub

<mark>

Text highlighted for referencing elsewhere.

mark

<kbd>

Example input (usually keyboard) for a program.

kbd

<wbr>

Opportunity for a line break.

    wbr

    <figcaption>

    Caption for a figure.

    figcaption

    <ul>

    Unordered list.

    12ul

    <dt>

    Term which will be described.

    dt

    <input>

    Generic form input.

    input

    <output>

    Contains the results of a calculation.

    output

    <keygen>

    Generates private-public key pairs.

    keygen
    h5

    <footer>

    Footer of the current section.

    1footer

    <summary>

    Caption of a details element.

    summary

    <thead>

    Contains rows with table headings.

    thead

    <style>

    Styling defined inline data.

    style

    <script>

    Inline or linked client side scripts.

    6script

    <cite>

    Title of a referenced piece of work.

    cite
    samp

    <sup>

    Superscript text.

    sup

    <ruby>

    Contains text with annotations, such as pronounciation hints. Commonly used in East Asian text.

    ruby

    <bdo>

    Defines directional formatting for content.

    bdo

    <code>

    Fragment of code.

    code

    <figure>

    Contains elements related to single concept, such as an illustration or code example.

    figure

    <li>

    List item.

    72li

    <dd>

    Description for the preceeding term.

    dd

    <textarea>

    Multiline free-form text input.

    textarea

    <button>

    A button.

    button

    <progress>

    Control for displaying progress of a task.

    progress

    <h6>

    Heading for the current section.

    h6

    <hgroup>

    Collection of headings for the current section. The highest ranked heading repesents the group in the document outline.

    22hgroup

    <details>

    Contains additional information, such as the contents of an accordian view.

    details

    <tfoot>

    Contains rows with summary of data.

    tfoot
    61img

    <area>

    Hyperlink area in an image map.

    area

    <map>

    Image map for adding hyperlinks to parts of an image.

    map

    <embed>

    Reference to non-HTML content.

    embed
    object
    param

    <source>

    Alternative sources for parent video or audio elements.

    source

    <iframe>

    Nested browser frame.

    iframe

    <canvas>

    Bitmap which is editable by client side scripts.

    canvas

    <track>

    Specifies external timing track for media elements.

    This element is still being drafted.

    track*

    <audio>

    Audio file.

    audio

    <video>

    Video.

    video

    <device>

    Allows scripts to access devices such as a webcam.

    This element is still being drafted.

      device*

      • Root element

      • Text-level semantics

      • Forms

      • Tabular data

      • Metadata and scripting

      • Grouping content

      • Document sections

      • Interactive elements

      • Embedding content

      via joshduck.com

      HTML5 Elements The table below shows the 104 elements currently in the HTML5 working draft and two proposed elements (marked with an asterisk). Share this How are they used? Some suggestions: reddit.com news.ycombinator.com youtube.com google.com yahoo.com wired.com bbc.co.uk en.wikipedia.org w3.org ...... Read MORE » on Dogmeat