HTML Subset

Release: 2009-12-18
Jump to Web Standards Articles TOC

Introduction

Here are the common attributes, the elements and their specific attributes that are part of HTML 5 for Web Authors and are already supported by modern web browsers for many years now.

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.

The Subset

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

Global Attributes

    class=""
    dir=""
    id=""
    lang="" (useful only in text/html documents)
    style=""
    title=""
    xml:base="' (only in XHTML 5 and other XML documents)
    xml:lang="" (useful only in XHTML 5 and other XML documents)

Global Event Attributes

    onclick=""
    ondblclick=""
    onkeydown=""
    onkeypress=""
    onkeyup=""
    onmousedown=""
    onmousemove=""
    onmouseout=""
    onmouseover=""
    onmouseup=""

Elements and their specific attributes

<html></html>
"Document Container"
<head></head>
"Metadata Container"
<title></title>
"Document Title"
<body></body>
"Document Content Container"
onload=""
onunload=""
<p></p>
"Line or Paragraph"
<div></div>
"Old Generic Section Content Container"
<h1></h1>
"Page Heading"
<h2></h2>
"Website, Navigation, Sidebar, Section Heading or Strapline"
<h3></h3>
"Sub-Section Heading"
<h4></h4>
"Sub-sub-Section Heading"
lt;h5></h5>
"Sub-sub-sub-Section Heading"
<h6></h6>
"Sub-sub-sub-sub-Section Heading"
<img>
"Image"
alt=""
height=""
ismap
onabort=""
src=""
usemap=""
width=""
<ol></ol>
"Ordered List Group"
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 list"
<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"
<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"
accesskey=""
href=""
hreflang=""
onfocus=""
onblur=""
tabindex=""
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"
accesskey=""
alt=""
coords=""
href=""
onfocus=""
onblur=""
shape=""
tabindex=""
target=""
<meta>
"Metadata Property"
content=""
http-equiv=""
name=""
<link>
"relation to secondary or alternate formats"
href=""
hreflang=""
media=""
rel=""
type=""
<style></style>
"Internal StyleSheet"
media=""
type=""
<script></script>
"Internal or External extra functionality"
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=""
enctype=""
method=""
name=""
onreset=""
onsubmit=""
target=""
<fieldset></fieldset>
"Form Control Group"
<legend></legend>
"Form Control Group Label"
accesskey=""
<label></label>
"Form Control Label"
accesskey=""
for=""
onfocus=""
onblur=""
<input>
"Multipurpose Form Control"
accept=""
accesskey=""
alt=""
autocomplete=""
checked
disabled
maxlength=""
name=""
onblur=""
onchange=""
onfocus=""
onselect=""
readonly
size=""
src=""
tabindex=""
type=""
'button'
'checkbox'
'file'
'hidden'
'image'
'password'
'radio'
'reset'
'submit'
'text' (default)
value=""
<button></button>
"Richer Form Button"
accesskey=""
disabled
name=""
onfocus=""
onblur=""
tabindex=""
type=""
'button'
'reset'
'submit' (default)
value=""
<textarea></textarea>
"Form Multiple Line Text Field"
accesskey=""
cols=""
disabled
name=""
onfocus=""
onblur=""
onchange=""
onselect=""
readonly
rows=""
tabindex=""
wrap=""
<select></select>
"Form Drop-down Selection Box or List Box"
disabled
multiple
name=""
onfocus=""
onblur=""
onchange=""
size=""
tabindex=""
<optgroup></optgroup>
"Form Option Group"
disabled
label=""
<option></option>
"Form Option"
disabled
selected
value=""
<iframe></iframe>
"Internal Frame"
height=""
name=""
src=""
width=""
<embed>
"Out-dated Plugin Object (severly discouraged; use <object></object> instead)"
height=""
src=""
tabindex=""
type=""
width=""
*
<object></object>
"Generic Inclusion Object"
data=""
height=""
name=""
tabindex=""
type=""
usemap=""
width=""
<param>
"Generic Inclusion Object Property"
name=""
value=""

Beyond the Subset

Many web browsers support various features of HTML 5, beyond the Subset. Such as Canvas is supported in Mozilla based like Firefox, Presto based like Opera, WebKit based like Safari, Chromium based like Chrome and KHTML based like Konqueror.

HTML 5 provides support for native audio and video, canvas, menus and other features to support Web Applications and to improve on general webpage structure.

More and more of these features are already being added to web browsers.

Copyright ©2009 Legend Scrolls and Peter Davison.
Icons from the Oxygen Icon Theme, LGPL, and PNG version of icons in the Oxygen Icon Theme from kde-look.org, GPL.
All rights reserved.