UNPKG

thenavisapp

Version:

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

596 lines (578 loc) 143 kB
<!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&amp;short_desc_type=allwordssubstr&amp;short_desc=&amp;product=WHATWG&amp;component=HTML&amp;longdesc_type=allwordssubstr&amp;longdesc=&amp;bug_file_loc_type=allwordssubstr&amp;bug_file_loc=&amp;status_whiteboard_type=allwordssubstr&amp;status_whiteboard=&amp;keywords_type=allwords&amp;keywords=&amp;bug_status=UNCONFIRMED&amp;bug_status=NEW&amp;bug_status=ASSIGNED&amp;bug_status=REOPENED&amp;emailtype1=substring&amp;email1=&amp;emailtype2=substring&amp;email2=&amp;bug_id_type=anyexact&amp;bug_id=&amp;votes=&amp;chfieldfrom=&amp;chfieldto=Now&amp;chfieldvalue=&amp;cmdtype=doit&amp;order=Reuse+same+sort+as+last+time&amp;field0-0-0=noop&amp;type0-0-0=noop&amp;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>