thenavisapp
Version:
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
596 lines (578 loc) • 143 kB
HTML
<!DOCTYPE html>
<html lang="en-US-x-hixie" class="split index"><head><title>HTML Standard</title><script>
var loadTimer = new Date();
var current_revision = "r" + "$Revision: 8434 $".substr(11);
current_revision = current_revision.substr(0, current_revision.length - 2);
var last_known_revision = current_revision;
function F( /* varargs... */) {
var fragment = document.createDocumentFragment();
for (var index = 0; index < arguments.length; index += 1) {
if (arguments[index] instanceof Array) {
fragment.appendChild(F.apply(this, arguments[index]));
} else if (typeof arguments[index] == 'string') {
fragment.appendChild(document.createTextNode(arguments[index]));
} else {
fragment.appendChild(arguments[index]);
}
}
return fragment;
}
function E(name, /* optional */ attributes /*, varargs... */) {
var element = document.createElement(name);
var index = 1;
if ((arguments.length > 1) && (typeof attributes != 'string') &&
(!(attributes instanceof Node)) && (!(attributes instanceof Array))) {
for (var attName in attributes) {
if (typeof attributes[attName] == 'boolean') {
if (attributes[attName])
element.setAttribute(attName, '');
} else if (typeof attributes[attName] == 'function') {
element[attName] = attributes[attName];
} else {
element.setAttribute(attName, attributes[attName]);
}
}
index = 2;
}
for (; index < arguments.length; index += 1) {
if (arguments[index] instanceof Array) {
element.appendChild(F.apply(this, arguments[index]));
} else if (typeof arguments[index] == 'string') {
element.appendChild(document.createTextNode(arguments[index]));
} else {
element.appendChild(arguments[index]);
}
}
return element;
}
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;
}
var currentAlert;
var currentAlertTimeout;
function showAlert(s, href) {
if (!currentAlert) {
currentAlert = document.createElement('div');
currentAlert.id = 'alert';
var x = document.createElement('button');
x.textContent = '\u2573';
x.onclick = closeAlert2;
currentAlert.appendChild(x);
currentAlert.appendChild(document.createElement('span'));
currentAlert.onmousemove = function () {
clearTimeout(currentAlertTimeout);
currentAlert.className = '';
currentAlertTimeout = setTimeout(closeAlert, 10000);
}
document.body.appendChild(currentAlert);
} else {
clearTimeout(currentAlertTimeout);
currentAlert.className = '';
}
currentAlert.lastChild.textContent = '';
currentAlert.lastChild.appendChild(F(s));
if (href) {
var link = document.createElement('a');
link.href = href;
link.textContent = href;
currentAlert.lastChild.appendChild(F(' ', link));
}
currentAlertTimeout = setTimeout(closeAlert, 10000);
}
function closeAlert() {
clearTimeout(currentAlertTimeout);
if (currentAlert) {
currentAlert.className = 'closed';
currentAlertTimeout = setTimeout(closeAlert2, 3000);
}
}
function closeAlert2() {
clearTimeout(currentAlertTimeout);
if (currentAlert) {
currentAlert.parentNode.removeChild(currentAlert);
currentAlert = null;
}
}
window.addEventListener('keydown', function (event) {
if (event.keyCode == 27) {
if (currentAlert)
closeAlert2();
} else {
closeAlert();
}
}, false);
window.addEventListener('scroll', function (event) {
closeAlert();
}, false);
function load(script) {
var e = document.createElement('script');
e.setAttribute('src', 'http://www.whatwg.org/specs/web-apps/current-work/' + script);
document.body.appendChild(e);
}
</script><link rel="stylesheet" href="http://www.whatwg.org/style/specification"><link rel="icon" href="http://www.whatwg.org/images/icon"><style>
.proposal { border: blue solid; padding: 1em; }
.bad, .bad *:not(.XXX) { color: gray; border-color: gray; background: transparent; }
#updatesStatus { display: none; z-index: 10; }
#updatesStatus.relevant { display: block; position: fixed; right: 1em; top: 1em; padding: 0.5em; font: bold small sans-serif; min-width: 25em; width: 30%; max-width: 40em; height: auto; border: ridge 4px gray; background: #EEEEEE; color: black; }
div.head .logo { width: 11em; margin-bottom: 20em; }
#configUI { position: absolute; z-index: 20; top: 10em; right: 0; width: 11em; padding: 0 0.5em 0 0.5em; font-size: small; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 1em 0 0 1em; -moz-border-radius: 1em 0 0 1em; }
#configUI p { margin: 0.75em 0; padding: 0.3em; }
#configUI p label { display: block; }
#configUI #updateUI, #configUI .loginUI { text-align: center; }
#configUI input[type=button] { display: block; margin: auto; }
#configUI :link, #configUI :visited { color: white; }
#configUI :link:hover, #configUI :visited:hover { background: transparent; }
#reviewer { position: fixed; bottom: 0; right: 0; padding: 0.15em 0.25em 0em 0.5em; white-space: nowrap; overflow: hidden; z-index: 30; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 1em 0 0 0; -moz-border-radius: 1em 0 0 0; max-width: 90%; }
#reviewer input { max-width: 50%; }
#reviewer * { font-size: small; }
#reviewer.off > :not(:first-child) { display: none; }
#alert { position: fixed; top: 20%; left: 20%; right: 20%; font-size: 2em; padding: 0.5em; z-index: 40; background: gray; background: rgba(32,32,32,0.9); color: white; border-radius: 1em; -moz-border-radius: 1em; -webkit-transition: opacity 1s linear; }
#alert.closed { opacity: 0; }
#alert button { position: absolute; top: -1em; right: 2em; border-radius: 1em 1em 0 0; border: none; line-height: 0.9; color: white; background: rgb(64,64,64); font-size: 0.6em; font-weight: 900; cursor: pointer; }
#alert :link, #alert :visited { color: white; }
#alert :link:hover, #alert :visited:hover { background: transparent; }
@media print { #configUI { display: none; } }
.rfc2119 { font-variant: small-caps; text-shadow: 0 0 0.5em yellow; position: static; }
.rfc2119::after { position: absolute; left: 0; width: 25px; text-align: center; color: yellow; text-shadow: 0.075em 0.075em 0.2em black; }
.rfc2119.m\ust::after { content: '\2605'; }
.rfc2119.s\hould::after { content: '\2606'; }
[hidden] { display: none; }
</style><style type="text/css">
.fingerprint { float: right; }
.applies thead th > * { display: block; }
.applies thead code { display: block; }
.applies td { text-align: center; }
.applies .yes { background: yellow; }
.matrix, .matrix td { border: hidden; text-align: right; }
.matrix { margin-left: 2em; }
.vertical-summary-table tr > th[rowspan="2"]:first-child + th,
.vertical-summary-table tr > td[rowspan="2"]:first-child + td { border-bottom: hidden; }
.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; }
.three-column-nowrap tr > td:first-child,
.three-column-nowrap tr > td:first-child + td,
.three-column-nowrap tr > td:first-child + td + td { white-space: nowrap; }
.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('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743.ttf');
}
@font-face {
font-family: 'Essays1743';
font-weight: bold;
src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743-Bold.ttf');
}
@font-face {
font-family: 'Essays1743';
font-style: italic;
src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743-Italic.ttf');
}
@font-face {
font-family: 'Essays1743';
font-style: italic;
font-weight: bold;
src: url('http://www.whatwg.org/specs/web-apps/current-work/fonts/Essays1743-BoldItalic.ttf');
}
</style><link rel="stylesheet" href="data:text/css," title="Normal"><link rel="stylesheet alternate" href="data:text/css,.impl%20%7B%20background:%20pink;%20%7D" title="Highlight implementation-only prose"><link rel="stylesheet" href="status.css"><script>
var startedInit = 0;
function init() {
startedInit = 1;
if (location.search == '?slow-browser')
return;
var configUI = document.createElement('div');
configUI.id = 'configUI';
document.body.appendChild(configUI);
load('reviewer.js');
if (document.documentElement.className == "" || document.documentElement.className == "split index")
load('toc.js');
load('updater.js');
load('dfn.js');
load('status.js');
if (getCookie('profile') == '1')
document.getElementsByTagName('h2')[0].textContent += '; load: ' + (new Date() - loadTimer) + 'ms';
}
if (document.documentElement.className == "")
setTimeout(function () {
if (!startedInit)
showAlert("Too slow? Try reading the multipage copy of the spec instead:", "http://whatwg.org/html");
}, 6000);
window.addEventListener('keypress', function (event) {
if ((event.which == 114) && (event.metaKey)) {
if (!confirm('Are you sure you want to reload this page?'))
event.preventDefault();
}
}, false);
</script>
<script src="link-fixup.js"></script>
</head><body onload="fixBrokenLink(); init()"><header class="head" id="head"><p><a href="http://www.whatwg.org/" class="logo"><img width="101" src="/images/logo" alt="WHATWG" height="101"></a></p>
<hgroup><h1 class="allcaps">HTML</h1>
<h2 class="no-num no-toc">Living Standard — Last Updated 28 January 2014</h2>
</hgroup><dl><dt><strong>Web developer edition:</strong></dt>
<dd><strong><a href="http://developers.whatwg.org/">http://developers.whatwg.org/</a></strong></dd>
<dt>Multiple-page version:</dt>
<dd><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">http://whatwg.org/html</a></dd>
<dt>One-page version:</dt>
<dd><a href="http://www.whatwg.org/specs/web-apps/current-work/">http://whatwg.org/c</a></dd>
<dt>Validators</dt>
<dd><a href="http://validator.whatwg.org/">http://validator.whatwg.org/</a></dd>
<dt>Participate:</dt>
<dd><a href="http://www.whatwg.org/mailing-list">whatwg@whatwg.org</a></dd>
<dd><a href="http://forums.whatwg.org/">http://forums.whatwg.org/</a></dd>
<dd><a href="http://wiki.whatwg.org/wiki/IRC">IRC: #whatwg on Freenode</a></dd>
<dt>FAQ:</dt>
<dd><a href="http://wiki.whatwg.org/wiki/FAQ">http://wiki.whatwg.org/wiki/FAQ</a></dd>
<dt>Version history:</dt>
<dd>Twitter updates: <a href="http://twitter.com/WHATWG">http://twitter.com/WHATWG</a></dd>
<dd>Commit-Watchers mailing list: <a href="http://lists.whatwg.org/listinfo.cgi/commit-watchers-whatwg.org">http://lists.whatwg.org/listinfo.cgi/commit-watchers-whatwg.org</a></dd>
<dd>Interactive Web interface: <a href="http://html5.org/tools/web-apps-tracker">http://html5.org/tools/web-apps-tracker</a></dd>
<dd>Subversion interface: <a href="http://svn.whatwg.org/">http://svn.whatwg.org/</a></dd>
<dt>Issues:</dt>
<dd>To view the open bugs: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?query_format=advanced&short_desc_type=allwordssubstr&short_desc=&product=WHATWG&component=HTML&longdesc_type=allwordssubstr&longdesc=&bug_file_loc_type=allwordssubstr&bug_file_loc=&status_whiteboard_type=allwordssubstr&status_whiteboard=&keywords_type=allwords&keywords=&bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&emailtype1=substring&email1=&emailtype2=substring&email2=&bug_id_type=anyexact&bug_id=&votes=&chfieldfrom=&chfieldto=Now&chfieldvalue=&cmdtype=doit&order=Reuse+same+sort+as+last+time&field0-0-0=noop&type0-0-0=noop&value0-0-0=">HTML bug list</a></dd>
<dd>To file bugs, use the "submit review comments" feature at the bottom of the window</dd>
<dd>To send feedback by e-mail: <a href="http://www.whatwg.org/mailing-list">whatwg@whatwg.org</a></dd>
<dd>To view and vote on e-mail feedback: <a href="http://www.whatwg.org/issues/">http://www.whatwg.org/issues/</a></dd>
<dt>Editor:</dt>
<dd>Ian Hickson, Google, ian@hixie.ch</dd>
</dl><p class="copyright">© Copyright 2004-2011 Apple Computer, Inc.,
Mozilla Foundation, and Opera Software ASA.</p>
<p class="copyright">You are granted a license to use, reproduce
and create derivative works of this document.</p>
</header><hr><h2 class="no-num no-toc" id="contents">Table of contents</h2>
<!--begin-toc-->
<ol class="toc"><li><a href="introduction.html#introduction"><span class="secno">1 </span>Introduction</a>
<ol><li><a href="introduction.html#abstract"><span class="secno">1.1 </span>Where does this specification fit?</a></li>
<li><a href="introduction.html#is-this-html5?"><span class="secno">1.2 </span>Is this HTML5?</a></li>
<li><a href="introduction.html#background"><span class="secno">1.3 </span>Background</a></li>
<li><a href="introduction.html#audience"><span class="secno">1.4 </span>Audience</a></li>
<li><a href="introduction.html#scope"><span class="secno">1.5 </span>Scope</a></li>
<li><a href="introduction.html#history-1"><span class="secno">1.6 </span>History</a></li>
<li><a href="introduction.html#design-notes"><span class="secno">1.7 </span>Design notes</a>
<ol><li><a href="introduction.html#serializability-of-script-execution"><span class="secno">1.7.1 </span>Serializability of script execution</a></li>
<li><a href="introduction.html#compliance-with-other-specifications"><span class="secno">1.7.2 </span>Compliance with other specifications</a></li>
<li><a href="introduction.html#extensibility"><span class="secno">1.7.3 </span>Extensibility</a></li></ol></li>
<li><a href="introduction.html#html-vs-xhtml"><span class="secno">1.8 </span>HTML vs XHTML</a></li>
<li><a href="introduction.html#structure-of-this-specification"><span class="secno">1.9 </span>Structure of this specification</a>
<ol><li><a href="introduction.html#how-to-read-this-specification"><span class="secno">1.9.1 </span>How to read this specification</a></li>
<li><a href="introduction.html#typographic-conventions"><span class="secno">1.9.2 </span>Typographic conventions</a></li></ol></li>
<li><a href="introduction.html#fingerprint"><span class="secno">1.10 </span>Privacy concerns</a></li>
<li><a href="introduction.html#a-quick-introduction-to-html"><span class="secno">1.11 </span>A quick introduction to HTML</a>
<ol><li><a href="introduction.html#writing-secure-applications-with-html"><span class="secno">1.11.1 </span>Writing secure applications with HTML</a></li>
<li><a href="introduction.html#common-pitfalls-to-avoid-when-using-the-scripting-apis"><span class="secno">1.11.2 </span>Common pitfalls to avoid when using the scripting APIs</a></li>
<li><a href="introduction.html#how-to-catch-mistakes-when-writing-html:-validators-and-conformance-checkers"><span class="secno">1.11.3 </span>How to catch mistakes when writing HTML: validators and conformance checkers</a></li></ol></li>
<li><a href="introduction.html#conformance-requirements-for-authors"><span class="secno">1.12 </span>Conformance requirements for authors</a>
<ol><li><a href="introduction.html#presentational-markup"><span class="secno">1.12.1 </span>Presentational markup</a></li>
<li><a href="introduction.html#syntax-errors"><span class="secno">1.12.2 </span>Syntax errors</a></li>
<li><a href="introduction.html#restrictions-on-content-models-and-on-attribute-values"><span class="secno">1.12.3 </span>Restrictions on content models and on attribute values</a></li></ol></li>
<li><a href="introduction.html#suggested-reading"><span class="secno">1.13 </span>Suggested reading</a></li></ol></li>
<li><a href="infrastructure.html#infrastructure"><span class="secno">2 </span>Common infrastructure</a>
<ol><li><a href="infrastructure.html#terminology"><span class="secno">2.1 </span>Terminology</a>
<ol><li><a href="infrastructure.html#resources"><span class="secno">2.1.1 </span>Resources</a></li>
<li><a href="infrastructure.html#xml"><span class="secno">2.1.2 </span>XML</a></li>
<li><a href="infrastructure.html#dom-trees"><span class="secno">2.1.3 </span>DOM trees</a></li>
<li><a href="infrastructure.html#scripting-0"><span class="secno">2.1.4 </span>Scripting</a></li>
<li><a href="infrastructure.html#plugins"><span class="secno">2.1.5 </span>Plugins</a></li>
<li><a href="infrastructure.html#encoding-terminology"><span class="secno">2.1.6 </span>Character encodings</a></li></ol></li>
<li><a href="infrastructure.html#conformance-requirements"><span class="secno">2.2 </span>Conformance requirements</a>
<ol><li><a href="infrastructure.html#conformance-classes"><span class="secno">2.2.1 </span>Conformance classes</a></li>
<li><a href="infrastructure.html#dependencies"><span class="secno">2.2.2 </span>Dependencies</a></li>
<li><a href="infrastructure.html#extensibility-0"><span class="secno">2.2.3 </span>Extensibility</a></li>
<li><a href="infrastructure.html#interactions-with-xpath-and-xslt"><span class="secno">2.2.4 </span>Interactions with XPath and XSLT</a></li></ol></li>
<li><a href="infrastructure.html#case-sensitivity-and-string-comparison"><span class="secno">2.3 </span>Case-sensitivity and string comparison</a></li>
<li><a href="common-microsyntaxes.html#common-microsyntaxes"><span class="secno">2.4 </span>Common microsyntaxes</a>
<ol><li><a href="common-microsyntaxes.html#common-parser-idioms"><span class="secno">2.4.1 </span>Common parser idioms</a></li>
<li><a href="common-microsyntaxes.html#boolean-attributes"><span class="secno">2.4.2 </span>Boolean attributes</a></li>
<li><a href="common-microsyntaxes.html#keywords-and-enumerated-attributes"><span class="secno">2.4.3 </span>Keywords and enumerated attributes</a></li>
<li><a href="common-microsyntaxes.html#numbers"><span class="secno">2.4.4 </span>Numbers</a>
<ol><li><a href="common-microsyntaxes.html#signed-integers"><span class="secno">2.4.4.1 </span>Signed integers</a></li>
<li><a href="common-microsyntaxes.html#non-negative-integers"><span class="secno">2.4.4.2 </span>Non-negative integers</a></li>
<li><a href="common-microsyntaxes.html#floating-point-numbers"><span class="secno">2.4.4.3 </span>Floating-point numbers</a></li>
<li><a href="common-microsyntaxes.html#percentages-and-dimensions"><span class="secno">2.4.4.4 </span>Percentages and lengths</a></li>
<li><a href="common-microsyntaxes.html#lists-of-integers"><span class="secno">2.4.4.5 </span>Lists of integers</a></li>
<li><a href="common-microsyntaxes.html#lists-of-dimensions"><span class="secno">2.4.4.6 </span>Lists of dimensions</a></li></ol></li>
<li><a href="common-microsyntaxes.html#dates-and-times"><span class="secno">2.4.5 </span>Dates and times</a>
<ol><li><a href="common-microsyntaxes.html#months"><span class="secno">2.4.5.1 </span>Months</a></li>
<li><a href="common-microsyntaxes.html#dates"><span class="secno">2.4.5.2 </span>Dates</a></li>
<li><a href="common-microsyntaxes.html#yearless-dates"><span class="secno">2.4.5.3 </span>Yearless dates</a></li>
<li><a href="common-microsyntaxes.html#times"><span class="secno">2.4.5.4 </span>Times</a></li>
<li><a href="common-microsyntaxes.html#local-dates-and-times"><span class="secno">2.4.5.5 </span>Local dates and times</a></li>
<li><a href="common-microsyntaxes.html#time-zones"><span class="secno">2.4.5.6 </span>Time zones</a></li>
<li><a href="common-microsyntaxes.html#global-dates-and-times"><span class="secno">2.4.5.7 </span>Global dates and times</a></li>
<li><a href="common-microsyntaxes.html#weeks"><span class="secno">2.4.5.8 </span>Weeks</a></li>
<li><a href="common-microsyntaxes.html#durations"><span class="secno">2.4.5.9 </span>Durations</a></li>
<li><a href="common-microsyntaxes.html#vaguer-moments-in-time"><span class="secno">2.4.5.10 </span>Vaguer moments in time</a></li></ol></li>
<li><a href="common-microsyntaxes.html#colors"><span class="secno">2.4.6 </span>Colors</a></li>
<li><a href="common-microsyntaxes.html#space-separated-tokens"><span class="secno">2.4.7 </span>Space-separated tokens</a></li>
<li><a href="common-microsyntaxes.html#comma-separated-tokens"><span class="secno">2.4.8 </span>Comma-separated tokens</a></li>
<li><a href="common-microsyntaxes.html#syntax-references"><span class="secno">2.4.9 </span>References</a></li>
<li><a href="common-microsyntaxes.html#mq"><span class="secno">2.4.10 </span>Media queries</a></li></ol></li>
<li><a href="urls.html#urls"><span class="secno">2.5 </span>URLs</a>
<ol><li><a href="urls.html#terminology-0"><span class="secno">2.5.1 </span>Terminology</a></li>
<li><a href="urls.html#resolving-urls"><span class="secno">2.5.2 </span>Resolving URLs</a></li>
<li><a href="urls.html#dynamic-changes-to-base-urls"><span class="secno">2.5.3 </span>Dynamic changes to base URLs</a></li></ol></li>
<li><a href="fetching-resources.html#fetching-resources"><span class="secno">2.6 </span>Fetching resources</a>
<ol><li><a href="fetching-resources.html#terminology-1"><span class="secno">2.6.1 </span>Terminology</a></li>
<li><a href="fetching-resources.html#processing-model"><span class="secno">2.6.2 </span>Processing model</a></li>
<li><a href="fetching-resources.html#encrypted-http-and-related-security-concerns"><span class="secno">2.6.3 </span>Encrypted HTTP and related security concerns</a></li>
<li><a href="fetching-resources.html#content-type-sniffing"><span class="secno">2.6.4 </span>Determining the type of a resource</a></li>
<li><a href="fetching-resources.html#extracting-character-encodings-from-meta-elements"><span class="secno">2.6.5 </span>Extracting character encodings from <code>meta</code> elements</a></li>
<li><a href="fetching-resources.html#cors-settings-attributes"><span class="secno">2.6.6 </span>CORS settings attributes</a></li>
<li><a href="fetching-resources.html#cors-enabled-fetch"><span class="secno">2.6.7 </span>CORS-enabled fetch</a></li></ol></li>
<li><a href="common-dom-interfaces.html#common-dom-interfaces"><span class="secno">2.7 </span>Common DOM interfaces</a>
<ol><li><a href="common-dom-interfaces.html#reflecting-content-attributes-in-idl-attributes"><span class="secno">2.7.1 </span>Reflecting content attributes in IDL attributes</a></li>
<li><a href="common-dom-interfaces.html#collections-0"><span class="secno">2.7.2 </span>Collections</a>
<ol><li><a href="common-dom-interfaces.html#htmlallcollection-0"><span class="secno">2.7.2.1 </span>HTMLAllCollection</a></li>
<li><a href="common-dom-interfaces.html#htmlformcontrolscollection-0"><span class="secno">2.7.2.2 </span>HTMLFormControlsCollection</a></li>
<li><a href="common-dom-interfaces.html#htmloptionscollection-0"><span class="secno">2.7.2.3 </span>HTMLOptionsCollection</a></li>
<li><a href="common-dom-interfaces.html#htmlpropertiescollection-0"><span class="secno">2.7.2.4 </span>HTMLPropertiesCollection</a></li></ol></li>
<li><a href="common-dom-interfaces.html#domstringmap-0"><span class="secno">2.7.3 </span>DOMStringMap</a></li>
<li><a href="common-dom-interfaces.html#domelementmap-0"><span class="secno">2.7.4 </span>DOMElementMap</a></li>
<li><a href="common-dom-interfaces.html#transferable-objects"><span class="secno">2.7.5 </span>Transferable objects</a></li>
<li><a href="common-dom-interfaces.html#safe-passing-of-structured-data"><span class="secno">2.7.6 </span>Safe passing of structured data</a></li>
<li><a href="common-dom-interfaces.html#callbacks"><span class="secno">2.7.7 </span>Callbacks</a></li>
<li><a href="common-dom-interfaces.html#garbage-collection"><span class="secno">2.7.8 </span>Garbage collection</a></li></ol></li>
<li><a href="namespaces.html#namespaces"><span class="secno">2.8 </span>Namespaces</a></li></ol></li>
<li><a href="dom.html#dom"><span class="secno">3 </span>Semantics, structure, and APIs of HTML documents</a>
<ol><li><a href="dom.html#documents"><span class="secno">3.1 </span>Documents</a>
<ol><li><a href="dom.html#the-document-object"><span class="secno">3.1.1 </span>The <code>Document</code> object</a></li>
<li><a href="dom.html#resource-metadata-management"><span class="secno">3.1.2 </span>Resource metadata management</a></li>
<li><a href="dom.html#dom-tree-accessors"><span class="secno">3.1.3 </span>DOM tree accessors</a></li>
<li><a href="dom.html#loading-xml-documents"><span class="secno">3.1.4 </span>Loading XML documents</a></li></ol></li>
<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>
<li><a href="elements.html#elements-in-the-dom"><span class="secno">3.2.2 </span>Elements in the DOM</a></li>
<li><a href="elements.html#element-definitions"><span class="secno">3.2.3 </span>Element definitions</a>
<ol><li><a href="elements.html#attributes"><span class="secno">3.2.3.1 </span>Attributes</a></li></ol></li>
<li><a href="elements.html#content-models"><span class="secno">3.2.4 </span>Content models</a>
<ol><li><a href="elements.html#kinds-of-content"><span class="secno">3.2.4.1 </span>Kinds of content</a>
<ol><li><a href="elements.html#metadata-content-0"><span class="secno">3.2.4.1.1 </span>Metadata content</a></li>
<li><a href="elements.html#flow-content-0"><span class="secno">3.2.4.1.2 </span>Flow content</a></li>
<li><a href="elements.html#sectioning-content-0"><span class="secno">3.2.4.1.3 </span>Sectioning content</a></li>
<li><a href="elements.html#heading-content-0"><span class="secno">3.2.4.1.4 </span>Heading content</a></li>
<li><a href="elements.html#phrasing-content-0"><span class="secno">3.2.4.1.5 </span>Phrasing content</a></li>
<li><a href="elements.html#embedded-content-0"><span class="secno">3.2.4.1.6 </span>Embedded content</a></li>
<li><a href="elements.html#interactive-content-0"><span class="secno">3.2.4.1.7 </span>Interactive content</a></li>
<li><a href="elements.html#palpable-content-0"><span class="secno">3.2.4.1.8 </span>Palpable content</a></li>
<li><a href="elements.html#script-supporting-elements-0"><span class="secno">3.2.4.1.9 </span>Script-supporting elements</a></li></ol></li>
<li><a href="elements.html#transparent-content-models"><span class="secno">3.2.4.2 </span>Transparent content models</a></li>
<li><a href="elements.html#paragraphs"><span class="secno">3.2.4.3 </span>Paragraphs</a></li></ol></li>
<li><a href="elements.html#global-attributes"><span class="secno">3.2.5 </span>Global attributes</a>
<ol><li><a href="elements.html#the-id-attribute"><span class="secno">3.2.5.1 </span>The <code>id</code> attribute</a></li>
<li><a href="elements.html#the-title-attribute"><span class="secno">3.2.5.2 </span>The <code title="attr-title">title</code> attribute</a></li>
<li><a href="elements.html#the-lang-and-xml:lang-attributes"><span class="secno">3.2.5.3 </span>The <code title="attr-lang">lang</code> and <code title="attr-xml-lang">xml:lang</code> attributes</a></li>
<li><a href="elements.html#the-translate-attribute"><span class="secno">3.2.5.4 </span>The <code title="attr-translate">translate</code> attribute</a></li>
<li><a href="elements.html#the-xml:base-attribute-(xml-only)"><span class="secno">3.2.5.5 </span>The <code>xml:base</code> attribute (XML only)</a></li>
<li><a href="elements.html#the-dir-attribute"><span class="secno">3.2.5.6 </span>The <code>dir</code> attribute</a></li>
<li><a href="elements.html#classes"><span class="secno">3.2.5.7 </span>The <code>class</code> attribute</a></li>
<li><a href="elements.html#the-style-attribute"><span class="secno">3.2.5.8 </span>The <code>style</code> attribute</a></li>
<li><a href="elements.html#embedding-custom-non-visible-data-with-the-data-*-attributes"><span class="secno">3.2.5.9 </span>Embedding custom non-visible data with the <code title="attr-data-*">data-*</code> attributes</a></li></ol></li>
<li><a href="elements.html#requirements-relating-to-the-bidirectional-algorithm"><span class="secno">3.2.6 </span>Requirements relating to the bidirectional algorithm</a>
<ol><li><a href="elements.html#authoring-conformance-criteria-for-bidirectional-algorithm-formatting-characters"><span class="secno">3.2.6.1 </span>Authoring conformance criteria for bidirectional-algorithm formatting characters</a></li>
<li><a href="elements.html#user-agent-conformance-criteria"><span class="secno">3.2.6.2 </span>User agent conformance criteria</a></li></ol></li>
<li><a href="elements.html#wai-aria"><span class="secno">3.2.7 </span>WAI-ARIA</a></li></ol></li></ol></li>
<li><a href="semantics.html#semantics"><span class="secno">4 </span>The elements of HTML</a>
<ol><li><a href="semantics.html#the-root-element"><span class="secno">4.1 </span>The root element</a>
<ol><li><a href="semantics.html#the-html-element"><span class="secno">4.1.1 </span>The <code>html</code> element</a></li></ol></li>
<li><a href="semantics.html#document-metadata"><span class="secno">4.2 </span>Document metadata</a>
<ol><li><a href="semantics.html#the-head-element"><span class="secno">4.2.1 </span>The <code>head</code> element</a></li>
<li><a href="semantics.html#the-title-element"><span class="secno">4.2.2 </span>The <code>title</code> element</a></li>
<li><a href="semantics.html#the-base-element"><span class="secno">4.2.3 </span>The <code>base</code> element</a></li>
<li><a href="semantics.html#the-link-element"><span class="secno">4.2.4 </span>The <code>link</code> element</a></li>
<li><a href="semantics.html#the-meta-element"><span class="secno">4.2.5 </span>The <code>meta</code> element</a>
<ol><li><a href="semantics.html#standard-metadata-names"><span class="secno">4.2.5.1 </span>Standard metadata names</a></li>
<li><a href="semantics.html#other-metadata-names"><span class="secno">4.2.5.2 </span>Other metadata names</a></li>
<li><a href="semantics.html#pragma-directives"><span class="secno">4.2.5.3 </span>Pragma directives</a></li>
<li><a href="semantics.html#other-pragma-directives"><span class="secno">4.2.5.4 </span>Other pragma directives</a></li>
<li><a href="semantics.html#charset"><span class="secno">4.2.5.5 </span>Specifying the document's character encoding</a></li></ol></li>
<li><a href="semantics.html#the-style-element"><span class="secno">4.2.6 </span>The <code>style</code> element</a>
<ol><li><a href="semantics.html#the-@global-rule"><span class="secno">4.2.6.1 </span>The <code title="">@global</code> rule</a></li></ol></li>
<li><a href="semantics.html#interactions-of-styling-and-scripting"><span class="secno">4.2.7 </span>Interactions of styling and scripting</a></li></ol></li>
<li><a href="sections.html#sections"><span class="secno">4.3 </span>Sections</a>
<ol><li><a href="sections.html#the-body-element"><span class="secno">4.3.1 </span>The <code>body</code> element</a></li>
<li><a href="sections.html#the-article-element"><span class="secno">4.3.2 </span>The <code>article</code> element</a></li>
<li><a href="sections.html#the-section-element"><span class="secno">4.3.3 </span>The <code>section</code> element</a></li>
<li><a href="sections.html#the-nav-element"><span class="secno">4.3.4 </span>The <code>nav</code> element</a></li>
<li><a href="sections.html#the-aside-element"><span class="secno">4.3.5 </span>The <code>aside</code> element</a></li>
<li><a href="sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements"><span class="secno">4.3.6 </span>The <code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>, <code>h5</code>, and
<code>h6</code> elements</a></li>
<li><a href="sections.html#the-hgroup-element"><span class="secno">4.3.7 </span>The <code>hgroup</code> element</a></li>
<li><a href="sections.html#the-header-element"><span class="secno">4.3.8 </span>The <code>header</code> element</a></li>
<li><a href="sections.html#the-footer-element"><span class="secno">4.3.9 </span>The <code>footer</code> element</a></li>
<li><a href="sections.html#the-address-element"><span class="secno">4.3.10 </span>The <code>address</code> element</a></li>
<li><a href="sections.html#headings-and-sections"><span class="secno">4.3.11 </span>Headings and sections</a>
<ol><li><a href="sections.html#outlines"><span class="secno">4.3.11.1 </span>Creating an outline</a></li>
<li><a href="sections.html#sample-outlines"><span class="secno">4.3.11.2 </span>Sample outlines</a></li></ol></li>
<li><a href="sections.html#usage-summary-0"><span class="secno">4.3.12 </span>Usage summary</a>
<ol><li><a href="sections.html#article-or-section"><span class="secno">4.3.12.1 </span>Article or section?</a></li></ol></li></ol></li>
<li><a href="grouping-content.html#grouping-content"><span class="secno">4.4 </span>Grouping content</a>
<ol><li><a href="grouping-content.html#the-p-element"><span class="secno">4.4.1 </span>The <code>p</code> element</a></li>
<li><a href="grouping-content.html#the-hr-element"><span class="secno">4.4.2 </span>The <code>hr</code> element</a></li>
<li><a href="grouping-content.html#the-pre-element"><span class="secno">4.4.3 </span>The <code>pre</code> element</a></li>
<li><a href="grouping-content.html#the-blockquote-element"><span class="secno">4.4.4 </span>The <code>blockquote</code> element</a></li>
<li><a href="grouping-content.html#the-ol-element"><span class="secno">4.4.5 </span>The <code>ol</code> element</a></li>
<li><a href="grouping-content.html#the-ul-element"><span class="secno">4.4.6 </span>The <code>ul</code> element</a></li>
<li><a href="grouping-content.html#the-li-element"><span class="secno">4.4.7 </span>The <code>li</code> element</a></li>
<li><a href="grouping-content.html#the-dl-element"><span class="secno">4.4.8 </span>The <code>dl</code> element</a></li>
<li><a href="grouping-content.html#the-dt-element"><span class="secno">4.4.9 </span>The <code>dt</code> element</a></li>
<li><a href="grouping-content.html#the-dd-element"><span class="secno">4.4.10 </span>The <code>dd</code> element</a></li>
<li><a href="grouping-content.html#the-figure-element"><span class="secno">4.4.11 </span>The <code>figure</code> element</a></li>
<li><a href="grouping-content.html#the-figcaption-element"><span class="secno">4.4.12 </span>The <code>figcaption</code> element</a></li>
<li><a href="grouping-content.html#the-main-element"><span class="secno">4.4.13 </span>The <code>main</code> element</a></li>
<li><a href="grouping-content.html#the-div-element"><span class="secno">4.4.14 </span>The <code>div</code> element</a></li></ol></li>
<li><a href="text-level-semantics.html#text-level-semantics"><span class="secno">4.5 </span>Text-level semantics</a>
<ol><li><a href="text-level-semantics.html#the-a-element"><span class="secno">4.5.1 </span>The <code>a</code> element</a></li>
<li><a href="text-level-semantics.html#the-em-element"><span class="secno">4.5.2 </span>The <code>em</code> element</a></li>
<li><a href="text-level-semantics.html#the-strong-element"><span class="secno">4.5.3 </span>The <code>strong</code> element</a></li>
<li><a href="text-level-semantics.html#the-small-element"><span class="secno">4.5.4 </span>The <code>small</code> element</a></li>
<li><a href="text-level-semantics.html#the-s-element"><span class="secno">4.5.5 </span>The <code>s</code> element</a></li>
<li><a href="text-level-semantics.html#the-cite-element"><span class="secno">4.5.6 </span>The <code>cite</code> element</a></li>
<li><a href="text-level-semantics.html#the-q-element"><span class="secno">4.5.7 </span>The <code>q</code> element</a></li>
<li><a href="text-level-semantics.html#the-dfn-element"><span class="secno">4.5.8 </span>The <code>dfn</code> element</a></li>
<li><a href="text-level-semantics.html#the-abbr-element"><span class="secno">4.5.9 </span>The <code>abbr</code> element</a></li>
<li><a href="text-level-semantics.html#the-data-element"><span class="secno">4.5.10 </span>The <code>data</code> element</a></li>
<li><a href="text-level-semantics.html#the-time-element"><span class="secno">4.5.11 </span>The <code>time</code> element</a></li>
<li><a href="text-level-semantics.html#the-code-element"><span class="secno">4.5.12 </span>The <code>code</code> element</a></li>
<li><a href="text-level-semantics.html#the-var-element"><span class="secno">4.5.13 </span>The <code>var</code> element</a></li>
<li><a href="text-level-semantics.html#the-samp-element"><span class="secno">4.5.14 </span>The <code>samp</code> element</a></li>
<li><a href="text-level-semantics.html#the-kbd-element"><span class="secno">4.5.15 </span>The <code>kbd</code> element</a></li>
<li><a href="text-level-semantics.html#the-sub-and-sup-elements"><span class="secno">4.5.16 </span>The <code>sub</code> and <code>sup</code> elements</a></li>
<li><a href="text-level-semantics.html#the-i-element"><span class="secno">4.5.17 </span>The <code>i</code> element</a></li>
<li><a href="text-level-semantics.html#the-b-element"><span class="secno">4.5.18 </span>The <code>b</code> element</a></li>
<li><a href="text-level-semantics.html#the-u-element"><span class="secno">4.5.19 </span>The <code>u</code> element</a></li>
<li><a href="text-level-semantics.html#the-mark-element"><span class="secno">4.5.20 </span>The <code>mark</code> element</a></li>
<li><a href="text-level-semantics.html#the-ruby-element"><span class="secno">4.5.21 </span>The <code>ruby</code> element</a></li>
<li><a href="text-level-semantics.html#the-rt-element"><span class="secno">4.5.22 </span>The <code>rt</code> element</a></li>
<li><a href="text-level-semantics.html#the-rp-element"><span class="secno">4.5.23 </span>The <code>rp</code> element</a></li>
<li><a href="text-level-semantics.html#the-bdi-element"><span class="secno">4.5.24 </span>The <code>bdi</code> element</a></li>
<li><a href="text-level-semantics.html#the-bdo-element"><span class="secno">4.5.25 </span>The <code>bdo</code> element</a></li>
<li><a href="text-level-semantics.html#the-span-element"><span class="secno">4.5.26 </span>The <code>span</code> element</a></li>
<li><a href="text-level-semantics.html#the-br-element"><span class="secno">4.5.27 </span>The <code>br</code> element</a></li>
<li><a href="text-level-semantics.html#the-wbr-element"><span class="secno">4.5.28 </span>The <code>wbr</code> element</a></li>
<li><a href="text-level-semantics.html#usage-summary"><span class="secno">4.5.29 </span>Usage summary</a></li></ol></li>
<li><a href="edits.html#edits"><span class="secno">4.6 </span>Edits</a>
<ol><li><a href="edits.html#the-ins-element"><span class="secno">4.6.1 </span>The <code>ins</code> element</a></li>
<li><a href="edits.html#the-del-element"><span class="secno">4.6.2 </span>The <code>del</code> element</a></li>
<li><a href="edits.html#attributes-common-to-ins-and-del-elements"><span class="secno">4.6.3 </span>Attributes common to <code>ins</code> and <code>del</code> elements</a></li>
<li><a href="edits.html#edits-and-paragraphs"><span class="secno">4.6.4 </span>Edits and paragraphs</a></li>
<li><a href="edits.html#edits-and-lists"><span class="secno">4.6.5 </span>Edits and lists</a></li>
<li><a href="edits.html#edits-and-tables"><span class="secno">4.6.6 </span>Edits and tables</a></li></ol></li>
<li><a href="embedded-content-1.html#embedded-content-1"><span class="secno">4.7 </span>Embedded content</a>
<ol><li><a href="embedded-content-1.html#the-img-element"><span class="secno">4.7.1 </span>The <code>img</code> element</a>
<ol><li><a href="embedded-content-1.html#alt"><span class="secno">4.7.1.1 </span>Requirements for providing text to act as an alternative for images</a>
<ol><li><a href="embedded-content-1.html#general-guidelines"><span class="secno">4.7.1.1.1 </span>General guidelines</a></li>
<li><a href="embedded-content-1.html#a-link-or-button-containing-nothing-but-the-image"><span class="secno">4.7.1.1.2 </span>A link or button containing nothing but the image</a></li>
<li><a href="embedded-content-1.html#a-phrase-or-paragraph-with-an-alternative-graphical-representation:-charts,-diagrams,-graphs,-maps,-illustrations"><span class="secno">4.7.1.1.3 </span>A phrase or paragraph with an alternative graphical representation: charts, diagrams, graphs, maps, illustrations</a></li>
<li><a href="embedded-content-1.html#a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons,-logos"><span class="secno">4.7.1.1.4 </span>A short phrase or label with an alternative graphical representation: icons, logos</a></li>
<li><a href="embedded-content-1.html#text-that-has-been-rendered-to-a-graphic-for-typographical-effect"><span class="secno">4.7.1.1.5 </span>Text that has been rendered to a graphic for typographical effect</a></li>
<li><a href="embedded-content-1.html#a-graphical-representation-of-some-of-the-surrounding-text"><span class="secno">4.7.1.1.6 </span>A graphical representation of some of the surrounding text</a></li>
<li><a href="embedded-content-1.html#a-purely-decorative-image-that-doesn't-add-any-information"><span class="secno">4.7.1.1.7 </span>A purely decorative image that doesn't add any information</a></li>
<li><a href="embedded-content-1.html#a-group-of-images-that-form-a-single-larger-picture-with-no-links"><span class="secno">4.7.1.1.8 </span>A group of images that form a single larger picture with no links</a></li>
<li><a href="embedded-content-1.html#a-group-of-images-that-form-a-single-larger-picture-with-links"><span class="secno">4.7.1.1.9 </span>A group of images that form a single larger picture with links</a></li>
<li><a href="embedded-content-1.html#a-key-part-of-the-content"><span class="secno">4.7.1.1.10 </span>A key part of the content</a></li>
<li><a href="embedded-content-1.html#an-image-not-intended-for-the-user"><span class="secno">4.7.1.1.11 </span>An image not intended for the user</a></li>
<li><a href="embedded-content-1.html#an-image-in-an-e-mail-or-private-document-intended-for-a-specific-person-who-is-known-to-be-able-to-view-images"><span class="secno">4.7.1.1.12 </span>An image in an e-mail or private document intended for a specific person who is known to be able to view images</a></li>
<li><a href="embedded-content-1.html#guidance-for-markup-generators"><span class="secno">4.7.1.1.13 </span>Guidance for markup generators</a></li>
<li><a href="embedded-content-1.html#guidance-for-conformance-checkers"><span class="secno">4.7.1.1.14 </span>Guidance for conformance checkers</a></li></ol></li>
<li><a href="embedded-content-1.html#adaptive-images"><span class="secno">4.7.1.2 </span>Adaptive images</a></li></ol></li>
<li><a href="the-iframe-element.html#the-iframe-element"><span class="secno">4.7.2 </span>The <code>iframe</code> element</a></li>
<li><a href="the-iframe-element.html#the-embed-element"><span class="secno">4.7.3 </span>The <code>embed</code> element</a></li>
<li><a href="the-iframe-element.html#the-object-element"><span class="secno">4.7.4 </span>The <code>object</code> element</a></li>
<li><a href="the-iframe-element.html#the-param-element"><span class="secno">4.7.5 </span>The <code>param</code> element</a></li>
<li><a href="the-video-element.html#the-video-element"><span class="secno">4.7.6 </span>The <code>video</code> element</a></li>
<li><a href="the-video-element.html#the-audio-element"><span class="secno">4.7.7 </span>The <code>audio</code> element</a></li>
<li><a href="the-video-element.html#the-source-element"><span class="secno">4.7.8 </span>The <code>source</code> element</a></li>
<li><a href="the-video-element.html#the-track-element"><span class="secno">4.7.9 </span>The <code>track</code> element</a></li>
<li><a href="the-video-element.html#media-elements"><span class="secno">4.7.10 </span>Media elements</a>
<ol><li><a href="the-video-element.html#error-codes"><span class="secno">4.7.10.1 </span>Error codes</a></li>
<li><a href="the-video-element.html#location-of-the-media-resource"><span class="secno">4.7.10.2 </span>Location of the media resource</a></li>
<li><a href="the-video-element.html#mime-types"><span class="secno">4.7.10.3 </span>MIME types</a></li>
<li><a href="the-video-element.html#network-states"><span class="secno">4.7.10.4 </span>Network states</a></li>
<li><a href="the-video-element.html#loading-the-media-resource"><span class="secno">4.7.10.5 </span>Loading the media resource</a></li>
<li><a href="the-video-element.html#offsets-into-the-media-resource"><span class="secno">4.7.10.6 </span>Offsets into the media resource</a></li>
<li><a href="the-video-element.html#ready-states"><span class="secno">4.7.10.7 </span>Ready states</a></li>
<li><a href="the-video-element.html#playing-the-media-resource"><span class="secno">4.7.10.8 </span>Playing the media resource</a></li>
<li><a href="the-video-element.html#seeking"><span class="secno">4.7.10.9 </span>Seeking</a></li>
<li><a href="the-video-element.html#media-resources-with-multiple-media-tracks"><span class="secno">4.7.10.10 </span>Media resources with multiple media tracks</a>
<ol><li><a href="the-video-element.html#audiotracklist-and-videotracklist-objects"><span class="secno">4.7.10.10.1 </span><code>AudioTrackList</code> and <code>VideoTrackList</code> objects</a></li>
<li><a href="the-video-element.html#selecting-specific-audio-and-video-tracks-declaratively"><span class="secno">4.7.10.10.2 </span>Selecting specific audio and video tracks declaratively</a></li></ol></li>
<li><a href="the-video-element.html#synchronising-multiple-media-elements"><span class="secno">4.7.10.11 </span>Synchronising multiple media elements</a>
<ol><li><a href="the-video-element.html#introduction-0"><span class="secno">4.7.10.11.1 </span>Introduction</a></li>
<li><a href="the-video-element.html#media-controllers"><span class="secno">4.7.10.11.2 </span>Media controllers</a></li>
<li><a href="the-video-element.html#assigning-a-media-controller-declaratively"><span class="secno">4.7.10.11.3 </span>Assigning a media controller declaratively</a></li></ol></li>
<li><a href="the-video-element.html#timed-text-tracks"><span class="secno">4.7.10.12 </span>Timed text tracks</a>
<ol><li><a href="the-video-element.html#text-track-model"><span class="secno">4.7.10.12.1 </span>Text track model</a>