HTML Markup Reference

Release: 2010-02-02
Jump to Web Standards Articles TOC

Introduction

Here are the common attributes, the elements and their specific attributes that are from HTML 5 for Web Authors.

Legend

<element></element>: Represents a normal element with both start and end tags.
<element>: Represents a void element that has no element content or end tag (may have a forward slash or a space and forward slash in text/html documents and must have a forward slash in XHTML 5).
attribute="": Represents a normal attribute with the value delimiter.
attribute: Represents a boolean attribute (may have no value delimiter or a value matching the attribute name in text/html documents and must have a value matching the attribute name in XHTML 5).
'value': Represents a value of the type attribute.
"Description": A description of what the element is for.
(note): Notes about the element or attribute.
IE: Microsoft Trident based Web Browsers such as Internet Explorer.
Firefox: Mozilla based Web Browsers such as Firefox.
Safari: Apple WebKit based Web Browsers such as Safari.
Chrome: Google Chromium based Web Browsers such as Chrome.
Opera: Opera Presto based Web Browsers such as Opera.
Konqueror: KDE KHTML based Web Browsers such as Konqueror.

Any browser names in brackets state the types of web browsers that support the element or attribute. If a number is after the web browser name then the element or attribute has been supported in that type of web browser since this version.

The Markup

The global attributes, global aria attributes and global event attributes are available on all elements.

Global Attributes

    accesskey=""
    class=""
    contenteditable=""
    contextmenu="" (not supported yet)
    data-* (?)
    dir=""
    draggable (?)
    hidden (not supported yet)
    id=""
    itemid="" (not supported yet)
    itemprop="" (not supported yet)
    itemref="" (not supported yet)
    itemscope (not supported yet)
    itemtype="" (not supported yet)
    lang="" (useful only in text/html documents)
    role="" (IE 8, Safari 4, Chrome 3, Firefox 3, Opera 9)
    spellcheck="" (not supported yet)
    style=""
    tabindex=""
    title=""
    xml:base="' (only in XHTML 5 and other XML documents)
    xml:id="" (only in XHTML 5 and other XML documents)
    xml:lang="" (useful only in XHTML 5 and other XML documents)

Global ARIA Attributes

    aria-atomic=""
    aria-busy=""
    aria-controls=""
    aria-describedby=""
    aria-disabled=""
    aria-dropeffect=""
    aria-flowto=""
    aria-grabbed=""
    aria-haspopup=""
    aria-hidden=""
    aria-invalid=""
    aria-label=""
    aria-labelledby=""
    aria-live=""
    aria-owns=""
    aria-relevant=""
    aria-required=""

Global Events Attributes

    onabort=""
    onblur=""
    oncanplay="" (?)
    oncanplaythrough="" (?)
    onchange=""
    onclick=""
    oncontextmenu="" (?)
    ondblclick=""
    ondrag="" (?)
    ondragenter="" (?)
    ondragleave="" (?)
    ondragover="" (?)
    ondragstart="" (?)
    ondrop="" (?)
    ondurationchange="" (?)
    onemptied="" (?)
    onended="" (?)
    onerror=""
    onfocus=""
    onformchange="" (?)
    onforminput="" (?)
    oninput="" (?)
    oninvalid="" (?)
    onkeydown=""
    onkeypress=""
    onkeyup=""
    onload=""
    onloadeddata="" (?)
    onloadedmetadata="" (?)
    onloadstart="" (?)
    onmousedown=""
    onmousemove=""
    onmouseout=""
    onmouseover=""
    onmouseup=""
    onmousewheel="" (?)
    onpause="" (?)
    onplay="" (?)
    onplaying="" (?)
    onprogress="" (not supported yet)
    onratechange="" (?)
    onreadystatechange="" (?)
    onscroll="" (?)
    onseeked="" (?)
    onseeking="" (?)
    onselect=""
    onshow="" (not supported yet)
    onstalled="" (?)
    onsubmit=""
    onsuspend="" (not supported yet)
    ontimeupdate="" (not supproted yet)
    onvolumechange="" (?)
    onwaiting="" (?)

Elements and their specific attributes

<html></html>: "Document Container"
manifest="" (?)
<head></head>: "Metadata Container"
<title></title>: "Document Title"
<body></body>: "Document Content Container"
onafterprint="" (?)
onbeforeprint="" (?)
onbeforeunload="" (?)
onhashchange="" (?)
onmessage="" (?)
onoffline="" (?)
ononline="" (?)
onpagehide="" (?)
onpageshow="" (?)
onpopstate="" (?)
onredo="" (?)
onresize="" (?)
onstorage="" (?)
onundo="" (?)
onunload=""
<p></p>: "Line or Paragraph"
<div></div>: "Old Generic Section Content Container"
<section></section>: "Section" (not supported yet)
<article></article>: "Article or forum post or guestbook entry" (not supported yet)
<aside></aside>: "A sidebar or secondary or complimentary panel" (not supported yet)
<nav></nav>: "Navigation Section" (not supported yet)
<h1></h1>: "Page Heading"
<h2></h2>: "Website, Navigation, Sidebar, Section Heading or Strapline"
<h3></h3>: "Sub-Section Heading"
<h4></h4>: "Sub-sub-Section Heading"
<h5></h5>: "Sub-sub-sub-Section Heading"
<h6></h6>: "Sub-sub-sub-sub-Section Heading"
<hgroup></hgroup>: "Heading Group" (not supported yet)
<header></header>: "Document, article, section, sub-section, etc header" (not supported yet)
<footer></footer>: "Document, article, section, sub-section, etc footer" (not supported yet)
<img>: "Image"
alt=""
height=""
ismap
src=""
usemap=""
width=""
<ol></ol>: "Ordered List Group"
reversed (not supported yet)
start=""
<ul></ul>: "Unordered List Group"
<li></li>: "List Item"
value="" (only when within <ol></ol>)
<dl></dl>: "Definition List Group"
<dt></dt>: "Definition Term"
<dd></dd>: "Definition Description"
<menu></menu>: "A menu, context menu, toolbar" (context menu and toolbar versions not supported yet)
label="" (not supported yet)
type="" (not supported yet)
<br>: "Line Break for Poems and Source Code Examples, etc"
<i></i>: "A thought, daydream, dream sequence, a technical term, Humanistic Name for an object such as a ship's name or house name, words or phrase in another language (use lang="" to specify which language) or generally offset voice or mood"
<b></b>: "Key word or product name or generally notable text"
<em></em>: "Emphasized Text"
<strong></strong>: "Important Text"
<small></small>: "Legal or Small Print"
<span></span>: "Generic Text-Level"
<hr>: "Thematic Break"
<mark></mark>: "Highlighted Text" (not supported yet)
<time></time>: "A known fixed date and time" (not supported yet)
pubdate
datetime=""
<abbr></abbr>: "Abbreviations and Acronyms"
<dfn></dfn>: "Singular Definition Term"
<code></code>: "Part of programming or script or StyleSheet or markup code"
<kbd></kbd>: "Keyboard, keypad, touchpad input"
<samp></samp>: "Sample Text"
<var></var>: "Programming or Script Variable Name"
<cite></cite>: "Citation"
<address></address>: "Contact Information"
<del></del>: "Deleted or crossed out text"
cite=""
datetime=""
<ins></ins>: "Inserted text"
cite=""
datetime=""
<pre></pre>: "Pre-formatted text"
<sub></sub>: "Subscripted Text"
<sup></sup>: "Superscripted Text"
<bdo></bdo>: "Bi-directional Text Override"
<q></q>: "Quote"
cite=""
<blockquote></blockquote>: "Quote Paragraph"
cite=""
<a></a>: "Hyperlink"
href=""
hreflang=""
media="" (?)
ping="" (Firefox 3)
rel=""
target=""
type=""
<base>: "Base for relative URIs/IRIs"
href=""
target=""
<map></map>: "Client-side Image Map Group"
name=""
<area></area>: "Client-side Image Map Hyperlink"
alt=""
coords=""
href=""
hreflang="" (?)
media="" (?)
ping="" (Firefox 3)
rel="" (?)
shape=""
target=""
type="" (?)

<meta>

"Metadata"
charset="" (IE, Firefox, Safari, Chrome, Opera, Konqueror 4.2)
content=""
http-equiv=""
name=""

<link>

"relation to secondary or alternate formats"
href=""
hreflang=""
media=""
rel=""
sizes="" (Safari 3)
type=""

<style></style>

"Internal or Scoped StyleSheet"
media=""
scoped (not supported yet)
type=""

<script></script>

"Internal or External extra functionality"
async (not supported yet)
charset=""
defer
src=""
type=""

<noscript></noscript>

"Out-dated static alternative to functionality. Available for text/html documents only"

<table></table>

"Table Box"
summary=""

<colgroup></colgroup>

"Table Column Group"
span=""

<col>

"Table Column"
span=""

<caption></caption>

"Table Caption"

<thead></thead>

"Table Heading Group"

<tbody></tbody>

"Table Row Group"

<tfoot></tfoot>

"Table Footer Group"

<tr></tr>

"Table Row"

<th></th>

"Table Heading"
colspan=""
headers=""
rowspan=""
scope=""

<td></td>

"Table Data Cell"
colspan=""
headers=""
rowspan=""

<form></form>

"Form Box"
accept-charset=""
action=""
autocomplete="" (?)
enctype=""
method=""
name=""
onreset=""
novalidate (Not supported yet)
target=""

<fieldset></fieldset>

"Form Control Group"
disabled (?)
form="" (Opera 9.5)
name="" (?)

<legend></legend>

"Form Control Group Label"

<label></label>

"Form Control Label"
for=""
form="" (Opera 9.5)

<input>

"Multipurpose Form Control"
accept=""
alt=""
autocomplete=""
autofocus (Opera 9)
checked
disabled
form="" (Opera 9.5)
formaction="" (?)
formenctype="" (?)
formmethod="" (?)
formnovalidate (?)
formtarget="" (?)
height="" (?)
list="" (Opera 9)
max="" (Opera 9)
maxlength=""
min="" (Opera 9)
multiple (not supported yet)
name=""
pattern="" (Opera 9)
placeholder="" (not supported yet)
readonly
size=""
src=""
step="" (Opera 9)

type="": 'button'
'checkbox'
'color' (not supported yet)
'date' (Opera 9)
'datetime' (Opera 9)
'datetime-local' (Opera 9)
'email' (Opera 9)
'file'
'hidden'
'image'
'month' (Opera 9)
'number' (Opera 9)
'password'
'radio'
'range' (Safari 3, Chrome 3, Opera 9)
'reset'
'search' (Safari 3, Chrome)
'submit'
'tel' (not supported yet)
'text' (default)
'time' (Opera 9)
'url' (Opera 9)
'week' (Opera 9)

value=""
width="" (?)

<button></button>

"Richer Form Button"
autofocus (Opera 9)
disabled
form="" (Opera 9.5)
formaction="" (?)
formenctype="" (?)
formmethod="" (?)
formnovalidate (?)
formtarget="" (?)
name=""

type="": 'button'
'reset'
'submit' (default)

value=""

<textarea></textarea>

"Form Multiple Line Text Field"
autofocus (Opera 9)
cols=""
disabled
form="" (Opera 9.5)
maxlength="" (?)
name=""
placeholder="" (not supported yet)
readonly
required (Opera 9)
rows=""
wrap=""

<select></select>

"Form Drop-down Selection Box or List Box"
autofocus (Opera 9)
disabled
form="" (Opera 9.5)
multiple
name=""
size=""

<optgroup></optgroup>

"Form Option Group"
disabled
label=""

<option></option>

"Form Option"
disabled
label="" (IE, Safari, Chrome, Opera)
selected
value=""

<datalist></datalist>

"Form Controls Extra Options" (Opera 9)

<output></output>

"Form Result Output" (Opera 9)
for=""
form="" (Opera 9.5)
name=""

<keygen>

"Form Public / Private Encryption Key Pair Generator" (not supported yet)
autofocus
challenge=""
disabled
form=""
keytype=""
name=""

<progress></progress>

"A progress bar" (not supported yet)
form=""
max=""
value=""

<meter></meter>

"A measurement out of a whole: disk amount, a fraction, a percentage" (not supported yet)
form=""
high=""
low=""
max=""
min=""
optimum=""
value=""

<iframe></iframe>

"Internal Frame"
height=""
name=""
sandbox="" (not supported yet)
seamless (not supported yet)
src=""
srcdoc="" (not supported yet)
width=""

<embed>

"Out-dated Plugin Object (severly discouraged; use <object></object> instead)"
height=""
src=""
type=""
width=""
*

<object></object>

"Generic Inclusion Object"
data=""
form="" (not supported yet)
height=""
name=""
type=""
usemap=""
width=""

<param>

"Generic Inclusion Object Property"
name=""
value=""

<canvas></canvas>

"Script-based images" (Safari, Chrome, Firefox 1.5, Opera 9, Konqueror 4)
height=""
width=""

<audio></audio>

"Native Media: audio, without plugins or players" (Safari 3, Chrome 3, Firefox 3.5)
autobuffer
autoplay
controls
loop
src=""

<video></video>

"Native Media: video, without plugins or players" (Safari 3, Chrome 3, Firefox 3.5)
autobuffer
autoplay
controls
height=""
loop
poster=""
src=""
width=""

<source>

"Native Media: browser audio/video choice selection" (Safari 3, Chrome 3, Firefox 3.5)
media=""
src=""
type=""

<ruby></ruby>

"Ruby Annotation Container" (IE, Chrome 4)

<rp></rp>

"Ruby Annotation Fallback Compatibility" (IE, Chrome 4)

<rt></rt>

"Ruby Annotation" (IE, Chrome 4)

<figure></figure>

"Figure 1, Figure 2, Figure A, Figure B, Example 3a, etc." (not supported yet)

<figcaption></figcaption>

"The caption of a figure" (not supported yet)

<details></details>

"Popup Details" (not supported yet)
open

<summary></summary>

"Details Heading" (not supported yet)

<command>

"A command" (not supported yet)
checked
disabled
icon=""
label=""
radiogroup=""

type="": 'checkbox'
'command' (default)
'radio'

<device>

"Access to a device (not supported yet)"
type=""

Legend Scrolls

Main Website Navigation

HTML Markup Reference

Introduction

Legend

The Markup

Global Attributes

Global ARIA Attributes

Global Events Attributes

Elements and their specific attributes

Web Standards Articles Table Of Contents

Article Sections

Free Office Suite and Web Browsers

SVG Examples

Website diagram example

Footer Links