[BACK]Return to elements.html CVS log [TXT] [DIR] Up to [Public] / html5 / spec-author-view
File:  [Public] / html5 / spec-author-view / elements.html
Revision 1.637: download - view: text, annotated - select for diffs
Thu Oct 11 14:49:18 2012 UTC (12 years, 11 months ago) by mike
Branches: MAIN
CVS tags: HEAD
updated

<!doctype html>
<html lang="en-US-x-Hixie"><meta content="HTML Tidy for HTML5 (experimental) for Linux/x86 http://github.com/w3c/tidy-html5/tree/c63cc39" name="generator"><meta charset="utf-8"><title>3.2 Elements &mdash; HTML5</title><link href="style.css" rel="stylesheet"><style type="text/css">
/**/
/**/

   .applies thead th > * { display: block; }
   .applies thead code { display: block; }
   .applies tbody th { white-space: nowrap; }
   .applies td { text-align: center; }
   .applies .yes { background: yellow; }

   .matrix, .matrix td { border: hidden; text-align: right; }
   .matrix { margin-left: 2em; }

   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }

   td.eg { border-width: thin; text-align: center; }

   #table-example-1 { border: solid thin; border-collapse: collapse; margin-left: 3em; }
   #table-example-1 * { font-family: "Essays1743", serif; line-height: 1.01em; }
   #table-example-1 caption { padding-bottom: 0.5em; }
   #table-example-1 thead, #table-example-1 tbody { border: none; }
   #table-example-1 th, #table-example-1 td { border: solid thin; }
   #table-example-1 th { font-weight: normal; }
   #table-example-1 td { border-style: none solid; vertical-align: top; }
   #table-example-1 th { padding: 0.5em; vertical-align: middle; text-align: center; }
   #table-example-1 tbody tr:first-child td { padding-top: 0.5em; }
   #table-example-1 tbody tr:last-child td { padding-bottom: 1.5em; }
   #table-example-1 tbody td:first-child { padding-left: 2.5em; padding-right: 0; width: 9em; }
   #table-example-1 tbody td:first-child::after { content: leader(". "); }
   #table-example-1 tbody td { padding-left: 2em; padding-right: 2em; }
   #table-example-1 tbody td:first-child + td { width: 10em; }
   #table-example-1 tbody td:first-child + td ~ td { width: 2.5em; }
   #table-example-1 tbody td:first-child + td + td + td ~ td { width: 1.25em; }

   .apple-table-examples { border: none; border-collapse: separate; border-spacing: 1.5em 0em; width: 40em; margin-left: 3em; }
   .apple-table-examples * { font-family: "Times", serif; }
   .apple-table-examples td, .apple-table-examples th { border: none; white-space: nowrap; padding-top: 0; padding-bottom: 0; }
   .apple-table-examples tbody th:first-child { border-left: none; width: 100%; }
   .apple-table-examples thead th:first-child ~ th { font-size: smaller; font-weight: bolder; border-bottom: solid 2px; text-align: center; }
   .apple-table-examples tbody th::after, .apple-table-examples tfoot th::after { content: leader(". ") }
   .apple-table-examples tbody th, .apple-table-examples tfoot th { font: inherit; text-align: left; }
   .apple-table-examples td { text-align: right; vertical-align: top; }
   .apple-table-examples.e1 tbody tr:last-child td { border-bottom: solid 1px; }
   .apple-table-examples.e1 tbody + tbody tr:last-child td { border-bottom: double 3px; }
   .apple-table-examples.e2 th[scope=row] { padding-left: 1em; }
   .apple-table-examples sup { line-height: 0; }

   .details-example img { vertical-align: top; }

   #base64-table {
     white-space: nowrap;
     font-size: 0.6em;
     column-width: 6em;
     column-count: 5;
     column-gap: 1em;
     -moz-column-width: 6em;
     -moz-column-count: 5;
     -moz-column-gap: 1em;
     -webkit-column-width: 6em;
     -webkit-column-count: 5;
     -webkit-column-gap: 1em;
   }
   #base64-table thead { display: none; }
   #base64-table * { border: none; }
   #base64-table tbody td:first-child:after { content: ':'; }
   #base64-table tbody td:last-child { text-align: right; }

   #named-character-references-table {
     white-space: nowrap;
     font-size: 0.6em;
     column-width: 30em;
     column-gap: 1em;
     -moz-column-width: 30em;
     -moz-column-gap: 1em;
     -webkit-column-width: 30em;
     -webkit-column-gap: 1em;
   }
   #named-character-references-table > table > tbody > tr > td:first-child + td,
   #named-character-references-table > table > tbody > tr > td:last-child { text-align: center; }
   #named-character-references-table > table > tbody > tr > td:last-child:hover > span { position: absolute; top: auto; left: auto; margin-left: 0.5em; line-height: 1.2; font-size: 5em; border: outset; padding: 0.25em 0.5em; background: white; width: 1.25em; height: auto; text-align: center; }
   #named-character-references-table > table > tbody > tr#entity-CounterClockwiseContourIntegral > td:first-child { font-size: 0.5em; }

   .glyph.control { color: red; }

   @font-face {
     font-family: 'Essays1743';
     src: url('fonts/Essays1743.ttf');
   }
   @font-face {
     font-family: 'Essays1743';
     font-weight: bold;
     src: url('fonts/Essays1743-Bold.ttf');
   }
   @font-face {
     font-family: 'Essays1743';
     font-style: italic;
     src: url('fonts/Essays1743-Italic.ttf');
   }
   @font-face {
     font-family: 'Essays1743';
     font-style: italic;
     font-weight: bold;
     src: url('fonts/Essays1743-BoldItalic.ttf');
   }

/**/
/**/
</style><link href="data:text/css," id="complete" rel="stylesheet" title="Complete specification"><link href="data:text/css,.impl%20{%20display:%20none;%20}%0Ahtml%20{%20border:%20solid%20yellow;%20}%20.domintro:before%20{%20display:%20none;%20}" id="author" rel="alternate stylesheet" title="Author documentation only"><link href="data:text/css,.impl%20{%20background:%20%23FFEEEE;%20}%20.domintro:before%20{%20background:%20%23FFEEEE;%20}" id="highlight" rel="alternate stylesheet" title="Highlight implementation requirements"><style type="text/css">
/**/
/**/
   pre { margin-left: 2em; white-space: pre-wrap; }
   h2 { margin: 3em 0 1em 0; }
   h3 { margin: 2.5em 0 1em 0; }
   h4 { margin: 2.5em 0 0.75em 0; }
   h5, h6 { margin: 2.5em 0 1em; }
   h1 + h2, h1 + h2 + h2 { margin: 0.75em 0 0.75em; }
   h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; }
   p { margin: 1em 0; }
   hr:not(.top) { display: block; background: none; border: none; padding: 0; margin: 2em 0; height: auto; }
   dl, dd { margin-top: 0; margin-bottom: 0; }
   dt { margin-top: 0.75em; margin-bottom: 0.25em; clear: left; }
   dt + dt { margin-top: 0; }
   dd dt { margin-top: 0.25em; margin-bottom: 0; }
   dd p { margin-top: 0; }
   dd dl + p { margin-top: 1em; }
   dd table + p { margin-top: 1em; }
   p + * > li, dd li { margin: 1em 0; }
   dt, dfn { font-weight: bold; font-style: normal; }
   i, em { font-style: italic; }
   dt dfn { font-style: italic; }
   pre, code { font-size: inherit; font-family: monospace; font-variant: normal; }
   pre strong { color: black; font: inherit; font-weight: bold; background: yellow; }
   pre em { font-weight: bolder; font-style: normal; }
   @media screen { code { color: orangered; } code :link, code :visited { color: inherit; } }
   var sub { vertical-align: bottom; font-size: smaller; position: relative; top: 0.1em; }
   table { border-collapse: collapse; border-style: hidden hidden none hidden; }
   table thead, table tbody { border-bottom: solid; }
   table tbody th:first-child { border-left: solid; }
   table tbody th { text-align: left; }
   table td, table th { border-left: solid; border-right: solid; border-bottom: solid thin; vertical-align: top; padding: 0.2em; }
   blockquote { margin: 0 0 0 2em; border: 0; padding: 0; font-style: italic; }

   .bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
   .matrix, .matrix td { border: none; text-align: right; }
   .matrix { margin-left: 2em; }
   .dice-example { border-collapse: collapse; border-style: hidden solid solid hidden; border-width: thin; margin-left: 3em; }
   .dice-example caption { width: 30em; font-size: smaller; font-style: italic; padding: 0.75em 0; text-align: left; }
   .dice-example td, .dice-example th { border: solid thin; width: 1.35em; height: 1.05em; text-align: center; padding: 0; }

   .toc dfn, h1 dfn, h2 dfn, h3 dfn, h4 dfn, h5 dfn, h6 dfn { font: inherit; }
   img.extra, p.overview { float: right; }
   pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; position: relative; }
   pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }
   pre.idl::before { content: "IDL"; font: bold small sans-serif; padding: 0.5em; background: white; position: absolute; top: 0; margin: -1px 0 0 -4em; width: 1.5em; border: thin solid; border-radius: 0 0 0 0.5em }
   pre.css { border: solid thin; background: #FFFFEE; color: black; padding: 0.5em 1em; }
   pre.css:first-line { color: #AAAA50; }
   dl.domintro { color: green; margin: 2em 0 2em 2em; padding: 0.5em 1em; border: none; background: #DDFFDD; }
   hr + dl.domintro, div.impl + dl.domintro { margin-top: 2.5em; margin-bottom: 1.5em; }
   dl.domintro dt, dl.domintro dt * { color: black; text-decoration: none; }
   dl.domintro dd { margin: 0.5em 0 1em 2em; padding: 0; }
   dl.domintro dd p { margin: 0.5em 0; }
   dl.domintro:before { display: table; margin: -1em -0.5em -0.5em auto; width: auto; content: 'This box is non-normative. Implementation requirements are given below this box.'; color: black; font-style: italic; border: solid 2px; background: white; padding: 0 0.25em; }
   dl.switch { padding-left: 2em; }
   dl.switch > dt { text-indent: -1.5em; }
   dl.switch > dt:before { content: '\21AA'; padding: 0 0.5em 0 0; display: inline-block; width: 1em; text-align: right; line-height: 0.5em; }
   dl.triple { padding: 0 0 0 1em; }
   dl.triple dt, dl.triple dd { margin: 0; display: inline }
   dl.triple dt:after { content: ':'; }
   dl.triple dd:after { content: '\A'; white-space: pre; }
   .diff-old { text-decoration: line-through; color: silver; background: transparent; }
   .diff-chg, .diff-new { text-decoration: underline; color: green; background: transparent; }
   a .diff-new { border-bottom: 1px blue solid; }

   figure.diagrams { border: double black; background: white; padding: 1em; }
   figure.diagrams img { display: block; margin: 1em auto; } 

   h2 { page-break-before: always; }
   h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
   h1 + h2, hr + h2.no-toc { page-break-before: auto; }

   p  > span:not([title=""]):not([class="XXX"]):not([class="impl"]):not([class="note"]),
   li > span:not([title=""]):not([class="XXX"]):not([class="impl"]):not([class="note"]) { border-bottom: solid #9999CC; }

   div.head { margin: 0 0 1em; padding: 1em 0 0 0; }
   div.head p { margin: 0; }
   div.head h1 { margin: 0; }
   div.head .logo { float: right; margin: 0 1em; }
   div.head .logo img { border: none } /* remove border from top image */
   div.head dl { margin: 1em 0; }
   div.head p.copyright, div.head p.alt { font-size: x-small; font-style: oblique; margin: 0; }

   body > .toc > li { margin-top: 1em; margin-bottom: 1em; }
   body > .toc.brief > li { margin-top: 0.35em; margin-bottom: 0.35em; }
   body > .toc > li > * { margin-bottom: 0.5em; }
   body > .toc > li > * > li > * { margin-bottom: 0.25em; }
   .toc, .toc li { list-style: none; }

   .brief { margin-top: 1em; margin-bottom: 1em; line-height: 1.1; }
   .brief li { margin: 0; padding: 0; }
   .brief li p { margin: 0; padding: 0; }

   .category-list { margin-top: -0.75em; margin-bottom: 1em; line-height: 1.5; }
   .category-list::before { content: '\21D2\A0'; font-size: 1.2em; font-weight: 900; }
   .category-list li { display: inline; }
   .category-list li:not(:last-child)::after { content: ', '; }
   .category-list li > span, .category-list li > a { text-transform: lowercase; }
   .category-list li * { text-transform: none; } /* don't  */

   .XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; }
   .XXX > :first-child { margin-top: 0; }
   p .XXX { line-height: 3em; }
   .annotation { border: solid thin black; background: #0C479D; color: white; position: relative; margin: 8px 0 20px 0; }
   .annotation:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 6px -6px -6px 6px; background: #333333; z-index: -1; content: ''; }
   .annotation :link, .annotation :visited { color: inherit; }
   .annotation :link:hover, .annotation :visited:hover { background: transparent; }
   .annotation span { border: none ! important; }
   .note { color: green; background: transparent; font-family: sans-serif; }
   .warning { color: red; background: transparent; }
   .note, .warning { font-weight: bolder; font-style: italic; }
   .note em, .warning em, .note i, .warning i { font-style: normal; }
   p.note, div.note { padding: 0.5em 2em; }
   span.note { padding: 0 2em; }
   .note p:first-child, .warning p:first-child { margin-top: 0; }
   .note p:last-child, .warning p:last-child { margin-bottom: 0; }
   .warning:before { font-style: normal; }
   p.note:before { content: 'Note: '; }
   p.warning:before { content: '\26A0 Warning! '; }

   .bookkeeping:before { display: block; content: 'Bookkeeping details'; font-weight: bolder; font-style: italic; }
   .bookkeeping { font-size: 0.8em; margin: 2em 0; }
   .bookkeeping p { margin: 0.5em 2em; display: list-item; list-style: square; }
   .bookkeeping dt { margin: 0.5em 2em 0; }
   .bookkeeping dd { margin: 0 3em 0.5em; }

   h4 { position: relative; z-index: 3; }
   h4 + .element, h4 + div + .element { margin-top: -2.5em; padding-top: 2em; }
   .element {
     background: #EEEEFF;
     color: black;
     margin: 0 0 1em 0.15em;
     padding: 0 1em 0.25em 0.75em;
     border-left: solid #9999FF 0.25em;
     position: relative;
     z-index: 1;
   }
   .element:before {
     position: absolute;
     z-index: 2;
     top: 0;
     left: -1.15em;
     height: 2em;
     width: 0.9em;
     background: #EEEEFF;
     content: ' ';
     border-style: none none solid solid;
     border-color: #9999FF;
     border-width: 0.25em;
   }

   .example { display: block; color: #222222; background: #FCFCFC; border-left: double; margin-left: 2em; padding-left: 1em; }
   td > .example:only-child { margin: 0 0 0 0.1em; }

   ul.domTree, ul.domTree ul { padding: 0 0 0 1em; margin: 0; }
   ul.domTree li { padding: 0; margin: 0; list-style: none; position: relative; }
   ul.domTree li li { list-style: none; }
   ul.domTree li:first-child::before { position: absolute; top: 0; height: 0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
   ul.domTree li:not(:last-child)::after { position: absolute; top: 0; bottom: -0.6em; left: -0.75em; width: 0.5em; border-style: none none solid solid; content: ''; border-width: 0.1em; }
   ul.domTree span { font-style: italic; font-family: serif; }
   ul.domTree .t1 code { color: purple; font-weight: bold; }
   ul.domTree .t2 { font-style: normal; font-family: monospace; }
   ul.domTree .t2 .name { color: black; font-weight: bold; }
   ul.domTree .t2 .value { color: blue; font-weight: normal; }
   ul.domTree .t3 code, .domTree .t4 code, .domTree .t5 code { color: gray; }
   ul.domTree .t7 code, .domTree .t8 code { color: green; }
   ul.domTree .t10 code { color: teal; }

   body.dfnEnabled dfn { cursor: pointer; }
   .dfnPanel {
     display: inline;
     position: absolute;
     z-index: 10;
     height: auto;
     width: auto;
     padding: 0.5em 0.75em;
     font: small sans-serif, Droid Sans Fallback;
     background: #DDDDDD;
     color: black;
     border: outset 0.2em;
   }
   .dfnPanel * { margin: 0; padding: 0; font: inherit; text-indent: 0; }
   .dfnPanel :link, .dfnPanel :visited { color: black; }
   .dfnPanel p { font-weight: bolder; }
   .dfnPanel * + p { margin-top: 0.25em; }
   .dfnPanel li { list-style-position: inside; }

   #configUI { position: absolute; z-index: 20; top: 10em; right: 1em; width: 11em; font-size: small; }
   #configUI p { margin: 0.5em 0; padding: 0.3em; background: #EEEEEE; color: black; border: inset thin; }
   #configUI p label { display: block; }
   #configUI #updateUI, #configUI .loginUI { text-align: center; }
   #configUI input[type=button] { display: block; margin: auto; }

   fieldset { margin: 1em; padding: 0.5em 1em; }
   fieldset > legend + * { margin-top: 0; }
   fieldset > :last-child { margin-bottom: 0; }
   fieldset p { margin: 0.5em 0; }

   .stability {
     position: fixed;
     bottom: 0;
     left: 0; right: 0;
     margin: 0 auto 0 auto;
     width: 50%;
     background: maroon; color: yellow;
     -webkit-border-radius: 1em 1em 0 0;
     -moz-border-radius: 1em 1em 0 0;
     border-radius: 1em 1em 0 0;
     -moz-box-shadow: 0 0 1em #500;
     -webkit-box-shadow: 0 0 1em #500;
     box-shadow: 0 0 1em red;
     padding: 0.5em 1em;
     text-align: center;
   }
   .stability strong {
     display: block;
   }
   .stability input {
     -moz-appearance: none; -webkit-appearance: none; margin: 0; 
     border: 0; padding: 0.25em 0.5em; background: transparent; color: black;
     position: absolute; top: -0.5em; right: 0; font: 1.25em sans-serif; text-align: center;
   }
   .stability input:hover {
     color: white;
     text-shadow: 0 0 2px black;
   }
   .stability input:active {
     padding: 0.3em 0.45em 0.2em 0.55em;
   }
   .stability :link, .stability :visited,
   .stability :link:hover, .stability :visited:hover {
     background: transparent;
     color: white;
   }

/**/
/**/
</style><link href="http://www.w3.org/StyleSheets/TR/W3C-WD" rel="stylesheet" type="text/css"><meta content="noindex" name="robots"><script>


   function getCookie(name) {
     var params = location.search.substr(1).split("&");
     for (var index = 0; index < params.length; index++) {
       if (params[index] == name)
         return "1";
       var data = params[index].split("=");
       if (data[0] == name)
         return unescape(data[1]);
     }
     var cookies = document.cookie.split("; ");
     for (var index = 0; index < cookies.length; index++) {
       var data = cookies[index].split("=");
       if (data[0] == name)
         return unescape(data[1]);
     }
     return null;
   }


</script><link href="dom.html" rel="prev" title="3 Semantics, structure, and APIs of HTML documents">
  <link href="Overview.html#contents" rel="contents" title="Table of contents">
  <link href="global-attributes.html" rel="next" title="3.2.3 Global attributes">
  <body class="split chapter" onload="fixBrokenLink();"><div class="head" id="head">
<div aria-haspopup="true" id="jumpIndexA-button" role="button" tabindex="0">jump
<div id="jumpIndexA">
<ul><li><a class="noindex" href="the-a-element.html#the-a-element">a</a><a class="noindex" href="the-abbr-element.html#the-abbr-element">abbr</a><a class="noindex" href="the-address-element.html#the-address-element">address</a><a class="noindex" href="the-area-element.html#the-area-element">area</a><a class="noindex" href="the-article-element.html#the-article-element">article</a><a class="noindex" href="the-aside-element.html#the-aside-element">aside</a><a class="noindex" href="the-audio-element.html#the-audio-element">audio</a></li>
</ul><ul><li><a class="noindex" href="the-b-element.html#the-b-element">b</a><a class="noindex" href="the-base-element.html#the-base-element">base</a><a class="noindex" href="the-bdi-element.html#the-bdi-element">bdi</a><a class="noindex" href="the-bdo-element.html#the-bdo-element">bdo</a><a class="noindex" href="the-blockquote-element.html#the-blockquote-element">blockquote</a><a class="noindex" href="the-body-element.html#the-body-element">body</a><a class="noindex" href="the-br-element.html#the-br-element">br</a><a class="noindex" href="the-button-element.html#the-button-element">button</a></li>
</ul><ul><li><a class="noindex" href="the-canvas-element.html#the-canvas-element">canvas</a><a class="noindex" href="the-caption-element.html#the-caption-element">caption</a><a class="noindex" href="the-cite-element.html#the-cite-element">cite</a><a class="noindex" href="the-code-element.html#the-code-element">code</a><a class="noindex" href="the-col-element.html#the-col-element">col</a><a class="noindex" href="the-colgroup-element.html#the-colgroup-element">colgroup</a><a class="noindex" href="the-command-element.html#the-command-element">command</a></li>
</ul><ul><li><a class="noindex" href="the-datalist-element.html#the-datalist-element">datalist</a><a class="noindex" href="the-dd-element.html#the-dd-element">dd</a><a class="noindex" href="the-del-element.html#the-del-element">del</a><a class="noindex" href="the-details-element.html#the-details-element">details</a><a class="noindex" href="the-dfn-element.html#the-dfn-element">dfn</a><a class="noindex" href="the-div-element.html#the-div-element">div</a><a class="noindex" href="the-dl-element.html#the-dl-element">dl</a><a class="noindex" href="the-dt-element.html#the-dt-element">dt</a></li>
</ul><ul><li><a class="noindex" href="the-em-element.html#the-em-element">em</a><a class="noindex" href="the-embed-element.html#the-embed-element">embed</a><a class="noindex" href="the-fieldset-element.html#the-fieldset-element">fieldset</a><a class="noindex" href="the-figcaption-element.html#the-figcaption-element">figcaption</a><a class="noindex" href="the-figure-element.html#the-figure-element">figure</a><a class="noindex" href="the-footer-element.html#the-footer-element">footer</a><a class="noindex" href="the-form-element.html#the-form-element">form</a></li>
</ul><ul><li><a class="noindex" href="the-h1,-h2,-h3,-h4,-h5,-and-h6-elements.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h1</a><a class="noindex" href="the-h1,-h2,-h3,-h4,-h5,-and-h6-elements.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h2</a><a class="noindex" href="the-h1,-h2,-h3,-h4,-h5,-and-h6-elements.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h3</a><a class="noindex" href="the-h1,-h2,-h3,-h4,-h5,-and-h6-elements.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h4</a><a class="noindex" href="the-h1,-h2,-h3,-h4,-h5,-and-h6-elements.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h5</a><a class="noindex" href="the-h1,-h2,-h3,-h4,-h5,-and-h6-elements.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements">h6</a><a class="noindex" href="the-head-element.html#the-head-element">head</a><a class="noindex" href="the-header-element.html#the-header-element">header</a><a class="noindex" href="the-hgroup-element.html#the-hgroup-element">hgroup</a><a class="noindex" href="the-hr-element.html#the-hr-element">hr</a><a class="noindex" href="the-html-element.html#the-html-element">html</a></li>
</ul><ul><li><a class="noindex" href="the-i-element.html#the-i-element">i</a><a class="noindex" href="the-iframe-element.html#the-iframe-element">iframe</a><a class="noindex" href="the-img-element.html#the-img-element">img</a><a class="noindex" href="the-input-element.html#the-input-element">input</a><a class="noindex" href="the-ins-element.html#the-ins-element">ins</a><a class="noindex" href="the-kbd-element.html#the-kbd-element">kbd</a><a class="noindex" href="the-keygen-element.html#the-keygen-element">keygen</a></li>
</ul><ul><li><a class="noindex" href="the-label-element.html#the-label-element">label</a><a class="noindex" href="the-legend-element.html#the-legend-element">legend</a><a class="noindex" href="the-li-element.html#the-li-element">li</a><a class="noindex" href="the-link-element.html#the-link-element">link</a><a class="noindex" href="the-map-element.html#the-map-element">map</a><a class="noindex" href="the-mark-element.html#the-mark-element">mark</a><a class="noindex" href="the-menu-element.html#the-menu-element">menu</a><a class="noindex" href="the-meta-element.html#the-meta-element">meta</a><a class="noindex" href="the-meter-element.html#the-meter-element">meter</a></li>
</ul><ul><li><a class="noindex" href="the-nav-element.html#the-nav-element">nav</a><a class="noindex" href="the-noscript-element.html#the-noscript-element">noscript</a><a class="noindex" href="the-object-element.html#the-object-element">object</a><a class="noindex" href="the-ol-element.html#the-ol-element">ol</a><a class="noindex" href="the-optgroup-element.html#the-optgroup-element">optgroup</a><a class="noindex" href="the-option-element.html#the-option-element">option</a><a class="noindex" href="the-output-element.html#the-output-element">output</a></li>
</ul><ul><li><a class="noindex" href="the-p-element.html#the-p-element">p</a><a class="noindex" href="the-param-element.html#the-param-element">param</a><a class="noindex" href="the-pre-element.html#the-pre-element">pre</a><a class="noindex" href="the-progress-element.html#the-progress-element">progress</a><a class="noindex" href="the-q-element.html#the-q-element">q</a><a class="noindex" href="the-rp-element.html#the-rp-element">rp</a><a class="noindex" href="the-rt-element.html#the-rt-element">rt</a><a class="noindex" href="the-ruby-element.html#the-ruby-element">ruby</a></li>
</ul><ul><li><a class="noindex" href="the-s-element.html#the-s-element">s</a><a class="noindex" href="the-samp-element.html#the-samp-element">samp</a><a class="noindex" href="the-script-element.html#the-script-element">script</a><a class="noindex" href="the-section-element.html#the-section-element">section</a><a class="noindex" href="the-select-element.html#the-select-element">select</a><a class="noindex" href="the-small-element.html#the-small-element">small</a><a class="noindex" href="the-source-element.html#the-source-element">source</a><a class="noindex" href="the-span-element.html#the-span-element">span</a></li>
</ul><ul><li><a class="noindex" href="the-strong-element.html#the-strong-element">strong</a><a class="noindex" href="the-style-element.html#the-style-element">style</a><a class="noindex" href="the-sub-and-sup-elements.html#the-sub-and-sup-elements">sub</a><a class="noindex" href="the-summary-element.html#the-summary-element">summary</a><a class="noindex" href="the-sub-and-sup-elements.html#the-sub-and-sup-elements">sup</a></li>
</ul><ul><li><a class="noindex" href="the-table-element.html#the-table-element">table</a><a class="noindex" href="the-tbody-element.html#the-tbody-element">tbody</a><a class="noindex" href="the-td-element.html#the-td-element">td</a><a class="noindex" href="the-textarea-element.html#the-textarea-element">textarea</a><a class="noindex" href="the-tfoot-element.html#the-tfoot-element">tfoot</a><a class="noindex" href="the-th-element.html#the-th-element">th</a><a class="noindex" href="the-thead-element.html#the-thead-element">thead</a><a class="noindex" href="the-time-element.html#the-time-element">time</a><a class="noindex" href="the-title-element.html#the-title-element">title</a></li>
</ul><ul><li><a class="noindex" href="the-tr-element.html#the-tr-element">tr</a><a class="noindex" href="the-track-element.html#the-track-element">track</a><a class="noindex" href="the-u-element.html#the-u-element">u</a><a class="noindex" href="the-ul-element.html#the-ul-element">ul</a><a class="noindex" href="the-var-element.html#the-var-element">var</a><a class="noindex" href="the-video-element.html#the-video-element">video</a><a class="noindex" href="the-wbr-element.html#the-wbr-element">wbr</a></li>
</ul><ul class="jumpIndexA-other"><li><a class="noindex" href="global-attributes.html#global-attributes">global
attributes</a><a class="noindex" href="index-of-terms.html#index-of-terms">terms</a></li>
</ul></div>
</div>
<script src="jump-indexes.js">
</script><p><a href="http://www.w3.org/"><img alt="W3C" height="48" src="http://www.w3.org/Icons/w3c_home" width="72"></a></p>
<h1>HTML5</h1>
</div>
<div class="prev_next">
   <a href="dom.html">&slarr; 3 Semantics, structure, and APIs of HTML documents</a> &ndash;
   <a href="Overview.html#contents">Table of contents</a> &ndash;
   <a href="global-attributes.html">3.2.3 Global attributes &srarr;</a>
  <ol class="toc"><li><ol><li><a href="elements.html#elements"><span class="secno">3.2</span> Elements</a>
<ol><li><a href="elements.html#semantics-0"><span class="secno">3.2.1</span>
Semantics</a><li><a href="elements.html#elements-in-the-dom"><span class="secno">3.2.2</span>
Elements in the DOM</a></ol></ol></ol></div>

  <h3 id="elements"><span class="secno">3.2</span> Elements</h3>
<h4 id="semantics-0"><span class="secno">3.2.1</span>
Semantics</h4>
<p>Elements, attributes, and attribute values in HTML are defined
(by this specification) to have certain meanings (semantics). For
example, the <code><a href="http://dev.w3.org/html5/spec/single-page.html#the-ol-element" id="ol">ol</a></code> element represents an ordered list, and the
<code title="attr-lang"><a href="http://dev.w3.org/html5/spec/single-page.html#attr-lang" id="lang_0">lang</a></code> attribute represents the language of the
content.</p>
<p>These definitions allow HTML processors, such as Web browsers or
search engines, to present and use documents and applications in a
wide variety of contexts that the author might not have
considered.</p>
<div class="example">
<p>As a simple example, consider a Web page written by an author
who only considered desktop computer Web browsers. Because HTML
conveys <em>meaning</em>, rather than presentation, the same page
can also be used by a small browser on a mobile phone, without any
change to the page. Instead of headings being in large letters as
on the desktop, for example, the browser on the mobile phone might
use the same size text for the whole the page, but with the
headings in bold.</p>
<p>But it goes further than just differences in screen size: the
same page could equally be used by a blind user using a browser
based around speech synthesis, which instead of displaying the page
on a screen, reads the page to the user, e.g. using headphones.
Instead of large text for the headings, the speech browser might
use a different volume or a slower voice.</p>
<p>That's not all, either. Since the browsers know which parts of
the page are the headings, they can create a document outline that
the user can use to quickly navigate around the document, using
keys for "jump to next heading" or "jump to previous heading". Such
features are especially common with speech browsers, where users
would otherwise find quickly navigating a page quite difficult.</p>
<p>Even beyond browsers, software can make use of this information.
Search engines can use the headings to more effectively index a
page, or to provide quick links to subsections of the page from
their results. Tools can use the headings to create a table of
contents (that is in fact how this very specification's table of
contents is generated).</p>
<p>This example has focused on headings, but the same principle
applies to all of the semantics in HTML.</p>
</div>
<p>Authors must not use elements, attributes, or attribute values
for purposes other than their appropriate intended semantic
purpose, as doing so prevents software from correctly processing
the page.</p>
<div class="example">
<p>For example, the following document is non-conforming, despite
being syntactically correct:</p>
<pre class="bad">
&lt;!DOCTYPE HTML&gt;
&lt;html lang="en-GB"&gt;
 &lt;head&gt; &lt;title&gt; Demonstration &lt;/title&gt; &lt;/head&gt;
 &lt;body&gt;
  &lt;table&gt;
   &lt;tr&gt; &lt;td&gt; My favourite animal is the cat. &lt;/td&gt; &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;
     &mdash;&lt;a href="http://example.org/~ernest/"&gt;&lt;cite&gt;Ernest&lt;/cite&gt;&lt;/a&gt;,
     in an essay from 1992
    &lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
 &lt;/body&gt;
&lt;/html&gt;
</pre>
<p>...because the data placed in the cells is clearly not tabular
data (and the <code><a href="http://dev.w3.org/html5/spec/single-page.html#the-cite-element" id="cite_2">cite</a></code> element mis-used). This would make
software that relies on these semantics fail: for example, a speech
browser that allowed a blind user to navigate tables in the
document would report the quote above as a table, confusing the
user; similarly, a tool that extracted titles of works from pages
would extract "Ernest" as the title of a work, even though it's
actually a person's name, not a title.</p>
<p>A corrected version of this document might be:</p>
<pre>
&lt;!DOCTYPE HTML&gt;
&lt;html lang="en-GB"&gt;
 &lt;head&gt; &lt;title&gt; Demonstration &lt;/title&gt; &lt;/head&gt;
 &lt;body&gt;
  &lt;blockquote&gt;
   &lt;p&gt; My favourite animal is the cat. &lt;/p&gt;
  &lt;/blockquote&gt;
  &lt;p&gt;
   &mdash;&lt;a href="http://example.org/~ernest/"&gt;Ernest&lt;/a&gt;,
   in an essay from 1992
  &lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;
</pre></div>
<div class="example">
<p>This next document fragment, intended to represent the heading
of a corporate site, is similarly non-conforming because the second
line is not intended to be a heading of a subsection, but merely a
subheading or subtitle (a subordinate heading for the same
section).</p>
<pre class="bad">
&lt;body&gt;
 &lt;h1&gt;ABC Company&lt;/h1&gt;
 &lt;h2&gt;Leading the way in widget design since 1432&lt;/h2&gt;
 ...
</pre>
<p>The <code><a href="http://dev.w3.org/html5/spec/single-page.html#the-hgroup-element" id="hgroup">hgroup</a></code> element is intended for these kinds
of situations:</p>
<pre>
&lt;body&gt;
 &lt;hgroup&gt;
  &lt;h1&gt;ABC Company&lt;/h1&gt;
  &lt;h2&gt;Leading the way in widget design since 1432&lt;/h2&gt;
 &lt;/hgroup&gt;
 ...
</pre></div>
<p>Authors must not use elements, attributes, or attribute values
that are not permitted by this specification or <a href="http://dev.w3.org/html5/spec/single-page.html#other-applicable-specifications" id="other-applicable-specifications_0">other applicable
specifications</a>, as doing so makes it significantly harder for
the language to be extended in the future.</p>
<div class="example">
<p>In the next example, there is a non-conforming attribute value
("carpet") and a non-conforming attribute ("texture"), which is not
permitted by this specification:</p>
<pre class="bad">
&lt;label&gt;Carpet: &lt;input type="carpet" name="c" texture="deep pile"&gt;&lt;/label&gt;
</pre>
<p>Here would be an alternative and correct way to mark this
up:</p>
<pre>
&lt;label&gt;Carpet: &lt;input type="text" class="carpet" name="c" data-texture="deep pile"&gt;&lt;/label&gt;
</pre></div>
<p>Through scripting and using other mechanisms, the values of
attributes, text, and indeed the entire structure of the document
may change dynamically while a user agent is processing it. The
semantics of a document at an instant in time are those represented
by the state of the document at that instant in time, and the
semantics of a document can therefore change over time. User agents
update their presentation of the document as this occurs.</p>
<p class="example">HTML has a <code><a href="http://dev.w3.org/html5/spec/single-page.html#the-progress-element" id="progress_2">progress</a></code> element that describes a
progress bar. If its "value" attribute is dynamically updated by a
script, the UA would update the rendering to show the progress
changing.</p>
<!--TOPIC:DOM APIs-->
<h4 id="elements-in-the-dom"><span class="secno">3.2.2</span>
Elements in the DOM</h4>
<p>The nodes representing <a href="http://dev.w3.org/html5/spec/single-page.html#html-elements" id="html-elements_0">HTML elements</a> in the DOM implement, and
expose to scripts, the interfaces listed for them in the relevant
sections of this specification. This includes <a href="http://dev.w3.org/html5/spec/single-page.html#html-elements" id="html-elements_1">HTML elements</a> in <a href="http://dev.w3.org/html5/spec/single-page.html#xml-documents">XML
documents</a>, even when those documents are in another context
(e.g. inside an XSLT transform).</p>
<p>Elements in the DOM <a href="http://dev.w3.org/html5/spec/single-page.html#represents" title="represents">represent</a> things; that is, they have intrinsic
<em>meaning</em>, also known as semantics.</p>
<p class="example">For example, an <code><a href="http://dev.w3.org/html5/spec/single-page.html#the-ol-element" id="ol_0">ol</a></code> element represents an ordered list.</p>
<p>The basic interface, from which all the <a href="http://dev.w3.org/html5/spec/single-page.html#html-elements" id="html-elements_2">HTML elements</a>' interfaces inherit, is the
<code><a href="http://dev.w3.org/html5/spec/single-page.html#htmlelement" id="htmlelement_2">HTMLElement</a></code> interface.</p>
<pre class="idl">
interface <dfn id="htmlelement">HTMLElement</dfn> : <a href="http://dev.w3.org/html5/spec/single-page.html#element">Element</a> {
  // <span>metadata attributes</span>
           attribute DOMString <a href="http://dev.w3.org/html5/spec/single-page.html#dom-title" title="dom-title">title</a>;
           attribute DOMString <a href="http://dev.w3.org/html5/spec/single-page.html#dom-lang" title="dom-lang">lang</a>;
           attribute boolean <a href="http://dev.w3.org/html5/spec/single-page.html#dom-translate" title="dom-translate">translate</a>;
           attribute DOMString <a href="http://dev.w3.org/html5/spec/single-page.html#dom-dir" title="dom-dir">dir</a>;
  readonly attribute <a href="http://dev.w3.org/html5/spec/single-page.html#domstringmap-0">DOMStringMap</a> <a href="http://dev.w3.org/html5/spec/single-page.html#dom-dataset" title="dom-dataset">dataset</a>;

<!--MD-->
  // <a href="http://dev.w3.org/html5/spec/single-page.html#editing" id="user-interaction_1">user interaction</a>
           attribute boolean <a href="http://dev.w3.org/html5/spec/single-page.html#dom-hidden" title="dom-hidden">hidden</a>;
  void <a href="http://dev.w3.org/html5/spec/single-page.html#dom-click" title="dom-click">click</a>();
           attribute long <a href="http://dev.w3.org/html5/spec/single-page.html#dom-tabindex" title="dom-tabindex">tabIndex</a>;
  void <a href="http://dev.w3.org/html5/spec/single-page.html#dom-focus" title="dom-focus">focus</a>();
  void <a href="http://dev.w3.org/html5/spec/single-page.html#dom-blur" title="dom-blur">blur</a>();
           attribute DOMString <a href="http://dev.w3.org/html5/spec/single-page.html#dom-accesskey" title="dom-accessKey">accessKey</a>;
  readonly attribute DOMString <a href="http://dev.w3.org/html5/spec/single-page.html#dom-accesskeylabel" title="dom-accessKeyLabel">accessKeyLabel</a>;
           attribute boolean <a href="http://dev.w3.org/html5/spec/single-page.html#dom-draggable" title="dom-draggable">draggable</a>;
  [PutForwards=<span title="dom-DOMSettableTokenList-value">value</span>] readonly attribute <a href="http://dev.w3.org/html5/spec/single-page.html#domsettabletokenlist">DOMSettableTokenList</a> <a href="http://dev.w3.org/html5/spec/single-page.html#dom-dropzone" title="dom-dropzone">dropzone</a>;
           attribute DOMString <a href="http://dev.w3.org/html5/spec/single-page.html#dom-contenteditable" title="dom-contentEditable">contentEditable</a>;
  readonly attribute boolean <a href="http://dev.w3.org/html5/spec/single-page.html#dom-iscontenteditable" title="dom-isContentEditable">isContentEditable</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#htmlmenuelement" id="htmlmenuelement_0">HTMLMenuElement</a>? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-contextmenu" title="dom-contextMenu">contextMenu</a>;
           attribute boolean <a href="http://dev.w3.org/html5/spec/single-page.html#dom-spellcheck" title="dom-spellcheck">spellcheck</a>;

  // <a href="http://dev.w3.org/html5/spec/single-page.html#command-api" id="command-api_0">command API</a>
  readonly attribute DOMString? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-command-ro-commandtype" title="dom-command-ro-commandType">commandType</a>;
  readonly attribute DOMString? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-command-ro-commandlabel" title="dom-command-ro-commandLabel">commandLabel</a>;
  readonly attribute DOMString? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-command-ro-commandicon" title="dom-command-ro-commandIcon">commandIcon</a>;
  readonly attribute boolean? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-command-ro-commandhidden" title="dom-command-ro-commandHidden">commandHidden</a>;
  readonly attribute boolean? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-command-ro-commanddisabled" title="dom-command-ro-commandDisabled">commandDisabled</a>;
  readonly attribute boolean? <a href="http://dev.w3.org/html5/spec/single-page.html#dom-command-ro-commandchecked" title="dom-command-ro-commandChecked">commandChecked</a>;
<!-- v2COMMAND
  readonly attribute <span>HTMLCollection</span> <span title="dom-command-ro-commandTriggers">commandTriggers</span>;-->

  // <span>styling</span>
  readonly attribute <a href="http://dev.w3.org/html5/spec/single-page.html#cssstyledeclaration">CSSStyleDeclaration</a> <a href="http://dev.w3.org/html5/spec/single-page.html#dom-style" title="dom-style">style</a>;

  // <a href="http://dev.w3.org/html5/spec/single-page.html#event-handler-idl-attributes">event handler IDL attributes</a>
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_55">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onabort" id="handler-onabort_1" title="handler-onabort">onabort</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_56">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onblur" id="handler-onblur_1" title="handler-onblur">onblur</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_57">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oncancel" id="handler-oncancel_1" title="handler-oncancel">oncancel</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_58">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oncanplay" id="handler-oncanplay_1" title="handler-oncanplay">oncanplay</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_59">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oncanplaythrough" id="handler-oncanplaythrough_1" title="handler-oncanplaythrough">oncanplaythrough</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_60">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onchange" id="handler-onchange_1" title="handler-onchange">onchange</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_61">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onclick" id="handler-onclick_1" title="handler-onclick">onclick</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_62">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onclose" id="handler-onclose_1" title="handler-onclose">onclose</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_63">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oncontextmenu" id="handler-oncontextmenu_1" title="handler-oncontextmenu">oncontextmenu</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_64">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oncuechange" id="handler-oncuechange_1" title="handler-oncuechange">oncuechange</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_65">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondblclick" id="handler-ondblclick_1" title="handler-ondblclick">ondblclick</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_66">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondrag" id="handler-ondrag_1" title="handler-ondrag">ondrag</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_67">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondragend" id="handler-ondragend_1" title="handler-ondragend">ondragend</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_68">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondragenter" id="handler-ondragenter_1" title="handler-ondragenter">ondragenter</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_69">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondragleave" id="handler-ondragleave_1" title="handler-ondragleave">ondragleave</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_70">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondragover" id="handler-ondragover_1" title="handler-ondragover">ondragover</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_71">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondragstart" id="handler-ondragstart_1" title="handler-ondragstart">ondragstart</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_72">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondrop" id="handler-ondrop_1" title="handler-ondrop">ondrop</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_73">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ondurationchange" id="handler-ondurationchange_1" title="handler-ondurationchange">ondurationchange</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_74">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onemptied" id="handler-onemptied_1" title="handler-onemptied">onemptied</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_75">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onended" id="handler-onended_1" title="handler-onended">onended</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#onerroreventhandler" id="onerroreventhandler_1">OnErrorEventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onerror" id="handler-onerror_1" title="handler-onerror">onerror</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_76">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onfocus" id="handler-onfocus_1" title="handler-onfocus">onfocus</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_77">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oninput" id="handler-oninput_1" title="handler-oninput">oninput</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_78">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-oninvalid" id="handler-oninvalid_1" title="handler-oninvalid">oninvalid</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_79">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onkeydown" id="handler-onkeydown_1" title="handler-onkeydown">onkeydown</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_80">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onkeypress" id="handler-onkeypress_1" title="handler-onkeypress">onkeypress</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_81">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onkeyup" id="handler-onkeyup_1" title="handler-onkeyup">onkeyup</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_82">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onload" id="handler-onload_1" title="handler-onload">onload</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_83">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onloadeddata" id="handler-onloadeddata_1" title="handler-onloadeddata">onloadeddata</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_84">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onloadedmetadata" id="handler-onloadedmetadata_1" title="handler-onloadedmetadata">onloadedmetadata</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_85">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onloadstart" id="handler-onloadstart_1" title="handler-onloadstart">onloadstart</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_86">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onmousedown" id="handler-onmousedown_1" title="handler-onmousedown">onmousedown</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_87">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onmousemove" id="handler-onmousemove_1" title="handler-onmousemove">onmousemove</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_88">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onmouseout" id="handler-onmouseout_1" title="handler-onmouseout">onmouseout</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_89">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onmouseover" id="handler-onmouseover_1" title="handler-onmouseover">onmouseover</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_90">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onmouseup" id="handler-onmouseup_1" title="handler-onmouseup">onmouseup</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_91">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onmousewheel" id="handler-onmousewheel_1" title="handler-onmousewheel">onmousewheel</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_92">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onpause" id="handler-onpause_1" title="handler-onpause">onpause</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_93">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onplay" id="handler-onplay_1" title="handler-onplay">onplay</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_94">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onplaying" id="handler-onplaying_1" title="handler-onplaying">onplaying</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_95">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onprogress" id="handler-onprogress_1" title="handler-onprogress">onprogress</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_96">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onratechange" id="handler-onratechange_1" title="handler-onratechange">onratechange</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_97">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onreset" id="handler-onreset_1" title="handler-onreset">onreset</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_98">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onscroll" id="handler-onscroll_1" title="handler-onscroll">onscroll</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_99">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onseeked" id="handler-onseeked_1" title="handler-onseeked">onseeked</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_100">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onseeking" id="handler-onseeking_1" title="handler-onseeking">onseeking</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_101">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onselect" id="handler-onselect_1" title="handler-onselect">onselect</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_102">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onshow" id="handler-onshow_1" title="handler-onshow">onshow</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_103">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onstalled" id="handler-onstalled_1" title="handler-onstalled">onstalled</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_104">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onsubmit" id="handler-onsubmit_1" title="handler-onsubmit">onsubmit</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_105">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onsuspend" id="handler-onsuspend_1" title="handler-onsuspend">onsuspend</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_106">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-ontimeupdate" id="handler-ontimeupdate_1" title="handler-ontimeupdate">ontimeupdate</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_107">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onvolumechange" id="handler-onvolumechange_1" title="handler-onvolumechange">onvolumechange</a>;
           attribute <a href="http://dev.w3.org/html5/spec/single-page.html#eventhandler" id="eventhandler_108">EventHandler</a> <a href="http://dev.w3.org/html5/spec/single-page.html#handler-onwaiting" id="handler-onwaiting_1" title="handler-onwaiting">onwaiting</a>;
};

interface <dfn id="htmlunknownelement">HTMLUnknownElement</dfn> : <a href="http://dev.w3.org/html5/spec/single-page.html#htmlelement" id="htmlelement_3">HTMLElement</a> { };
</pre>
<p>The <code><a href="http://dev.w3.org/html5/spec/single-page.html#htmlelement" id="htmlelement_4">HTMLElement</a></code> interface holds methods and
attributes related to a number of disparate features, and the
members of this interface are therefore described in various
different sections of this specification.</p>
<!--TOPIC:HTML-->
Webmaster