diff --git a/tests/benchmarks/html-standard-compact.kdl b/tests/benchmarks/html-standard-compact.kdl
new file mode 100644
index 0000000..29a3336
--- /dev/null
+++ b/tests/benchmarks/html-standard-compact.kdl
@@ -0,0 +1,541211 @@
+/* Besides this comment, this document is *identical* to html-standard.kdl,
+ except it uses a more compact encoding allowed by XiK:
+ whitespace caused by linebreaks in the original HTML is compacted to a single space,
+ and single child text nodes are pulled up into a final string attribute.
+
+ It should hopefully be useful as a large-document comparison point,
+ being about 3/4 the filesize of html-standard.kdl
+*/
+html lang=en-US-x-hixie {
+ head {
+ meta charset=utf-8
+ meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name=viewport
+ title "HTML Standard"
+ meta content="#3c790a" name=theme-color
+ meta content="light dark" name=color-scheme
+ link crossorigin="" href="https://resources.whatwg.org/standard-shared-with-dev.css" rel=stylesheet
+ link crossorigin="" href="https://resources.whatwg.org/standard.css" rel=stylesheet
+ link crossorigin="" href="https://resources.whatwg.org/spec.css" rel=stylesheet
+ link crossorigin="" href="https://resources.whatwg.org/logo.svg" rel=icon
+ link crossorigin="" href="/styles.css" rel=stylesheet
+ script " function toggleStatus(div) { div.parentNode.classList.toggle('wrapped'); } function setLinkFragment(link) { link.hash = location.hash; } "
+ }
+ body class=dfnEnabled {
+ script crossorigin="" defer="" src="/html-dfn.js"
+ script crossorigin="" defer="" src="https://resources.whatwg.org/commit-snapshot-shortcut-key.js"
+ header class="head with-buttons" id=head {
+ a class=logo href="https://whatwg.org/" {
+ img alt=WHATWG class=darkmode-aware crossorigin="" height="100" src="https://resources.whatwg.org/logo.svg" width="100"
+ }
+ hgroup {
+ h1 class=allcaps HTML
+ p id=living-standard {
+ - "Living Standard — Last Updated "
+ span class=pubdate "17 January 2025"
+ }
+ }
+ nav {
+ div {
+ a href="/" {
+ span {
+ strong "One-Page Version"
+ code html.spec.whatwg.org
+ }
+ }
+ a href="/multipage/" id=multipage-link onclick="setLinkFragment(this);" {
+ span {
+ strong "Multipage Version"
+ code "/multipage"
+ }
+ }
+ a href="/dev/" onclick="setLinkFragment(this);" {
+ span {
+ strong "Version for Web Devs"
+ code "/dev"
+ }
+ }
+ a href="/print.pdf" {
+ span {
+ strong "PDF Version"
+ code "/print.pdf"
+ }
+ }
+ a href="https://github.com/whatwg/html/wiki/Translations" {
+ span {
+ strong Translations
+ code "日本語 • 简体中文"
+ }
+ }
+ }
+ div {
+ a class=misc href="https://github.com/whatwg/html/blob/main/FAQ.md" {
+ span {
+ strong FAQ
+ code "on GitHub"
+ }
+ }
+ a class=comms href="https://whatwg.org/chat" {
+ span {
+ strong Chat
+ code "on Matrix"
+ }
+ }
+ }
+ div {
+ a class=changes href="https://github.com/whatwg/html" {
+ span {
+ strong "Contribute on GitHub"
+ code "whatwg/html repository"
+ }
+ }
+ a class=changes href="https://github.com/whatwg/html/commits" {
+ span {
+ strong Commits
+ code "on GitHub"
+ }
+ }
+ a class=changes href="/commit-snapshots/90720ff35cbb975be4d591d4ecd2b89d2bd8fc68/" id=commit-snapshot-link title="You can also press the 'y' key" {
+ span {
+ strong Snapshot
+ code "as of this commit"
+ }
+ }
+ a class=changes href="https://twitter.com/htmlstandard" {
+ span {
+ strong "Twitter Updates"
+ code @htmlstandard
+ }
+ }
+ }
+ div {
+ a class=feedback href="https://github.com/whatwg/html/issues" {
+ span {
+ strong "Open Issues"
+ code "filed on GitHub"
+ }
+ }
+ a class=feedback href="https://whatwg.org/newbug" {
+ span {
+ strong "Open an Issue"
+ code "whatwg.org/newbug"
+ }
+ }
+ a class=feedback href="https://github.com/web-platform-tests/wpt/tree/master/html" {
+ span {
+ strong Tests
+ code "web-platform-tests html/"
+ }
+ }
+ a class=feedback href="https://github.com/web-platform-tests/wpt/labels/html" {
+ span {
+ strong "Issues for Tests"
+ code "ongoing work"
+ }
+ }
+ }
+ }
+ }
+ hr
+ h2 class="no-num no-toc" id=table-of-contents "Table of contents"
+ ol class="brief toc" {
+ li {
+ a href="#toc-introduction" {
+ span class=secno "1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#toc-infrastructure" {
+ span class=secno "2"
+ - " Common infrastructure"
+ }
+ }
+ li {
+ a href="#toc-dom" {
+ span class=secno "3"
+ - " Semantics, structure, and APIs of HTML documents"
+ }
+ }
+ li {
+ a href="#toc-semantics" {
+ span class=secno "4"
+ - " The elements of HTML"
+ }
+ }
+ li {
+ a href="#toc-microdata" {
+ span class=secno "5"
+ - " Microdata"
+ }
+ }
+ li {
+ a href="#toc-editing" {
+ span class=secno "6"
+ - " User interaction"
+ }
+ }
+ li {
+ a href="#toc-browsers" {
+ span class=secno "7"
+ - " Loading web pages"
+ }
+ }
+ li {
+ a href="#toc-webappapis" {
+ span class=secno "8"
+ - " Web application APIs"
+ }
+ }
+ li {
+ a href="#toc-comms" {
+ span class=secno "9"
+ - " Communication"
+ }
+ }
+ li {
+ a href="#toc-workers" {
+ span class=secno "10"
+ - " Web workers"
+ }
+ }
+ li {
+ a href="#toc-worklets" {
+ span class=secno "11"
+ - " Worklets"
+ }
+ }
+ li {
+ a href="#toc-webstorage" {
+ span class=secno "12"
+ - " Web storage"
+ }
+ }
+ li {
+ a href="#toc-syntax" {
+ span class=secno "13"
+ - " The HTML syntax"
+ }
+ }
+ li {
+ a href="#toc-the-xhtml-syntax" {
+ span class=secno "14"
+ - " The XML syntax"
+ }
+ }
+ li {
+ a href="#toc-rendering" {
+ span class=secno "15"
+ - " Rendering"
+ }
+ }
+ li {
+ a href="#toc-obsolete" {
+ span class=secno "16"
+ - " Obsolete features"
+ }
+ }
+ li {
+ a href="#toc-iana" {
+ span class=secno "17"
+ - " IANA considerations"
+ }
+ }
+ li {
+ a href="#toc-index" Index
+ }
+ li {
+ a href="#toc-references" References
+ }
+ li {
+ a href="#toc-acknowledgments" Acknowledgments
+ }
+ li {
+ a href="#toc-ipr" "Intellectual property rights"
+ }
+ }
+ h2 class="no-num no-toc" id=contents "Full table of contents"
+ ol class=toc {
+ li id=toc-introduction {
+ a href="#introduction" {
+ span class=secno "1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#abstract" {
+ span class=secno "1.1"
+ - " Where does this specification fit?"
+ }
+ }
+ li {
+ a href="#is-this-html5?" {
+ span class=secno "1.2"
+ - " Is this HTML5?"
+ }
+ }
+ li {
+ a href="#background" {
+ span class=secno "1.3"
+ - " Background"
+ }
+ }
+ li {
+ a href="#audience" {
+ span class=secno "1.4"
+ - " Audience"
+ }
+ }
+ li {
+ a href="#scope" {
+ span class=secno "1.5"
+ - " Scope"
+ }
+ }
+ li {
+ a href="#history-2" {
+ span class=secno "1.6"
+ - " History"
+ }
+ }
+ li {
+ a href="#design-notes" {
+ span class=secno "1.7"
+ - " Design notes"
+ }
+ ol {
+ li {
+ a href="#serialisability-of-script-execution" {
+ span class=secno "1.7.1"
+ - " Serializability of script execution"
+ }
+ }
+ li {
+ a href="#compliance-with-other-specifications" {
+ span class=secno "1.7.2"
+ - " Compliance with other specifications"
+ }
+ }
+ li {
+ a href="#extensibility" {
+ span class=secno "1.7.3"
+ - " Extensibility"
+ }
+ }
+ }
+ }
+ li {
+ a href="#html-vs-xhtml" {
+ span class=secno "1.8"
+ - " HTML vs XML syntax"
+ }
+ }
+ li {
+ a href="#structure-of-this-specification" {
+ span class=secno "1.9"
+ - " Structure of this specification"
+ }
+ ol {
+ li {
+ a href="#how-to-read-this-specification" {
+ span class=secno "1.9.1"
+ - " How to read this specification"
+ }
+ }
+ li {
+ a href="#typographic-conventions" {
+ span class=secno "1.9.2"
+ - " Typographic conventions"
+ }
+ }
+ }
+ }
+ li {
+ a href="#a-quick-introduction-to-html" {
+ span class=secno "1.10"
+ - " A quick introduction to HTML"
+ }
+ ol {
+ li {
+ a href="#writing-secure-applications-with-html" {
+ span class=secno "1.10.1"
+ - " Writing secure applications with HTML"
+ }
+ }
+ li {
+ a href="#common-pitfalls-to-avoid-when-using-the-scripting-apis" {
+ span class=secno "1.10.2"
+ - " Common pitfalls to avoid when using the scripting APIs"
+ }
+ }
+ li {
+ a href="#how-to-catch-mistakes-when-writing-html:-validators-and-conformance-checkers" {
+ span class=secno "1.10.3"
+ - " How to catch mistakes when writing HTML: validators and conformance checkers"
+ }
+ }
+ }
+ }
+ li {
+ a href="#conformance-requirements-for-authors" {
+ span class=secno "1.11"
+ - " Conformance requirements for authors"
+ }
+ ol {
+ li {
+ a href="#presentational-markup" {
+ span class=secno "1.11.1"
+ - " Presentational markup"
+ }
+ }
+ li {
+ a href="#syntax-errors" {
+ span class=secno "1.11.2"
+ - " Syntax errors"
+ }
+ }
+ li {
+ a href="#restrictions-on-content-models-and-on-attribute-values" {
+ span class=secno "1.11.3"
+ - " Restrictions on content models and on attribute values"
+ }
+ }
+ }
+ }
+ li {
+ a href="#suggested-reading" {
+ span class=secno "1.12"
+ - " Suggested reading"
+ }
+ }
+ }
+ }
+ li id=toc-infrastructure {
+ a href="#infrastructure" {
+ span class=secno "2"
+ - " Common infrastructure"
+ }
+ ol {
+ li {
+ a href="#terminology" {
+ span class=secno "2.1"
+ - " Terminology"
+ }
+ ol {
+ li {
+ a href="#parallelism" {
+ span class=secno "2.1.1"
+ - " Parallelism"
+ }
+ }
+ li {
+ a href="#resources" {
+ span class=secno "2.1.2"
+ - " Resources"
+ }
+ }
+ li {
+ a href="#xml" {
+ span class=secno "2.1.3"
+ - " XML compatibility"
+ }
+ }
+ li {
+ a href="#dom-trees" {
+ span class=secno "2.1.4"
+ - " DOM trees"
+ }
+ }
+ li {
+ a href="#scripting-2" {
+ span class=secno "2.1.5"
+ - " Scripting"
+ }
+ }
+ li {
+ a href="#plugins" {
+ span class=secno "2.1.6"
+ - " Plugins"
+ }
+ }
+ li {
+ a href="#encoding-terminology" {
+ span class=secno "2.1.7"
+ - " Character encodings"
+ }
+ }
+ li {
+ a href="#conformance-classes" {
+ span class=secno "2.1.8"
+ - " Conformance classes"
+ }
+ }
+ li {
+ a href="#dependencies" {
+ span class=secno "2.1.9"
+ - " Dependencies"
+ }
+ }
+ li {
+ a href="#extensibility-2" {
+ span class=secno "2.1.10"
+ - " Extensibility"
+ }
+ }
+ li {
+ a href="#interactions-with-xpath-and-xslt" {
+ span class=secno "2.1.11"
+ - " Interactions with XPath and XSLT"
+ }
+ }
+ }
+ }
+ li {
+ a href="#policy-controlled-features" {
+ span class=secno "2.2"
+ - " Policy-controlled features"
+ }
+ }
+ li {
+ a href="#common-microsyntaxes" {
+ span class=secno "2.3"
+ - " Common microsyntaxes"
+ }
+ ol {
+ li {
+ a href="#common-parser-idioms" {
+ span class=secno "2.3.1"
+ - " Common parser idioms"
+ }
+ }
+ li {
+ a href="#boolean-attributes" {
+ span class=secno "2.3.2"
+ - " Boolean attributes"
+ }
+ }
+ li {
+ a href="#keywords-and-enumerated-attributes" {
+ span class=secno "2.3.3"
+ - " Keywords and enumerated attributes"
+ }
+ }
+ li {
+ a href="#numbers" {
+ span class=secno "2.3.4"
+ - " Numbers"
+ }
+ ol {
+ li {
+ a href="#signed-integers" {
+ span class=secno "2.3.4.1"
+ - " Signed integers"
+ }
+ }
+ li {
+ a href="#non-negative-integers" {
+ span class=secno "2.3.4.2"
+ - " Non-negative integers"
+ }
+ }
+ li {
+ a href="#floating-point-numbers" {
+ span class=secno "2.3.4.3"
+ - " Floating-point numbers"
+ }
+ }
+ li {
+ a href="#percentages-and-dimensions" {
+ span class=secno "2.3.4.4"
+ - " Percentages and lengths"
+ }
+ }
+ li {
+ a href="#nonzero-percentages-and-lengths" {
+ span class=secno "2.3.4.5"
+ - " Nonzero percentages and lengths"
+ }
+ }
+ li {
+ a href="#lists-of-floating-point-numbers" {
+ span class=secno "2.3.4.6"
+ - " Lists of floating-point numbers"
+ }
+ }
+ li {
+ a href="#lists-of-dimensions" {
+ span class=secno "2.3.4.7"
+ - " Lists of dimensions"
+ }
+ }
+ }
+ }
+ li {
+ a href="#dates-and-times" {
+ span class=secno "2.3.5"
+ - " Dates and times"
+ }
+ ol {
+ li {
+ a href="#months" {
+ span class=secno "2.3.5.1"
+ - " Months"
+ }
+ }
+ li {
+ a href="#dates" {
+ span class=secno "2.3.5.2"
+ - " Dates"
+ }
+ }
+ li {
+ a href="#yearless-dates" {
+ span class=secno "2.3.5.3"
+ - " Yearless dates"
+ }
+ }
+ li {
+ a href="#times" {
+ span class=secno "2.3.5.4"
+ - " Times"
+ }
+ }
+ li {
+ a href="#local-dates-and-times" {
+ span class=secno "2.3.5.5"
+ - " Local dates and times"
+ }
+ }
+ li {
+ a href="#time-zones" {
+ span class=secno "2.3.5.6"
+ - " Time zones"
+ }
+ }
+ li {
+ a href="#global-dates-and-times" {
+ span class=secno "2.3.5.7"
+ - " Global dates and times"
+ }
+ }
+ li {
+ a href="#weeks" {
+ span class=secno "2.3.5.8"
+ - " Weeks"
+ }
+ }
+ li {
+ a href="#durations" {
+ span class=secno "2.3.5.9"
+ - " Durations"
+ }
+ }
+ li {
+ a href="#vaguer-moments-in-time" {
+ span class=secno "2.3.5.10"
+ - " Vaguer moments in time"
+ }
+ }
+ }
+ }
+ li {
+ a href="#colours" {
+ span class=secno "2.3.6"
+ - " Legacy colors"
+ }
+ }
+ li {
+ a href="#space-separated-tokens" {
+ span class=secno "2.3.7"
+ - " Space-separated tokens"
+ }
+ }
+ li {
+ a href="#comma-separated-tokens" {
+ span class=secno "2.3.8"
+ - " Comma-separated tokens"
+ }
+ }
+ li {
+ a href="#syntax-references" {
+ span class=secno "2.3.9"
+ - " References"
+ }
+ }
+ li {
+ a href="#mq" {
+ span class=secno "2.3.10"
+ - " Media queries"
+ }
+ }
+ li {
+ a href="#unique-values" {
+ span class=secno "2.3.11"
+ - " Unique internal values"
+ }
+ }
+ }
+ }
+ li {
+ a href="#urls" {
+ span class=secno "2.4"
+ - " URLs"
+ }
+ ol {
+ li {
+ a href="#terminology-2" {
+ span class=secno "2.4.1"
+ - " Terminology"
+ }
+ }
+ li {
+ a href="#resolving-urls" {
+ span class=secno "2.4.2"
+ - " Parsing URLs"
+ }
+ }
+ li {
+ a href="#dynamic-changes-to-base-urls" {
+ span class=secno "2.4.3"
+ - " Dynamic changes to base URLs"
+ }
+ }
+ }
+ }
+ li {
+ a href="#fetching-resources" {
+ span class=secno "2.5"
+ - " Fetching resources"
+ }
+ ol {
+ li {
+ a href="#terminology-3" {
+ span class=secno "2.5.1"
+ - " Terminology"
+ }
+ }
+ li {
+ a href="#content-type-sniffing" {
+ span class=secno "2.5.2"
+ - " Determining the type of a resource"
+ }
+ }
+ li {
+ a href="#extracting-character-encodings-from-meta-elements" {
+ span class=secno "2.5.3"
+ - " Extracting character encodings from "
+ code meta
+ - " elements"
+ }
+ }
+ li {
+ a href="#cors-settings-attributes" {
+ span class=secno "2.5.4"
+ - " CORS settings attributes"
+ }
+ }
+ li {
+ a href="#referrer-policy-attributes" {
+ span class=secno "2.5.5"
+ - " Referrer policy attributes"
+ }
+ }
+ li {
+ a href="#nonce-attributes" {
+ span class=secno "2.5.6"
+ - " Nonce attributes"
+ }
+ }
+ li {
+ a href="#lazy-loading-attributes" {
+ span class=secno "2.5.7"
+ - " Lazy loading attributes"
+ }
+ }
+ li {
+ a href="#blocking-attributes" {
+ span class=secno "2.5.8"
+ - " Blocking attributes"
+ }
+ }
+ li {
+ a href="#fetch-priority-attributes" {
+ span class=secno "2.5.9"
+ - " Fetch priority attributes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#common-dom-interfaces" {
+ span class=secno "2.6"
+ - " Common DOM interfaces"
+ }
+ ol {
+ li {
+ a href="#reflecting-content-attributes-in-idl-attributes" {
+ span class=secno "2.6.1"
+ - " Reflecting content attributes in IDL attributes"
+ }
+ }
+ li {
+ a href="#using-reflect-in-specifications" {
+ span class=secno "2.6.2"
+ - " Using reflect in specifications"
+ }
+ }
+ li {
+ a href="#collections" {
+ span class=secno "2.6.3"
+ - " Collections"
+ }
+ ol {
+ li {
+ a href="#the-htmlallcollection-interface" {
+ span class=secno "2.6.3.1"
+ - " The "
+ code HTMLAllCollection
+ - " interface"
+ }
+ ol {
+ li {
+ a href="#HTMLAllCollection-call" {
+ span class=secno "2.6.3.1.1"
+ - " [[Call]] ( "
+ var thisArgument
+ - ", "
+ var argumentsList
+ - " )"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-htmlformcontrolscollection-interface" {
+ span class=secno "2.6.3.2"
+ - " The "
+ code HTMLFormControlsCollection
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-htmloptionscollection-interface" {
+ span class=secno "2.6.3.3"
+ - " The "
+ code HTMLOptionsCollection
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-domstringlist-interface" {
+ span class=secno "2.6.4"
+ - " The "
+ code DOMStringList
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#safe-passing-of-structured-data" {
+ span class=secno "2.7"
+ - " Safe passing of structured data"
+ }
+ ol {
+ li {
+ a href="#serializable-objects" {
+ span class=secno "2.7.1"
+ - " Serializable objects"
+ }
+ }
+ li {
+ a href="#transferable-objects" {
+ span class=secno "2.7.2"
+ - " Transferable objects"
+ }
+ }
+ li {
+ a href="#structuredserializeinternal" {
+ span class=secno "2.7.3"
+ - " StructuredSerializeInternal ( "
+ var value
+ - ", "
+ var forStorage
+ - " [ , "
+ var memory
+ - " ] )"
+ }
+ }
+ li {
+ a href="#structuredserialize" {
+ span class=secno "2.7.4"
+ - " StructuredSerialize ( "
+ var value
+ - " )"
+ }
+ }
+ li {
+ a href="#structuredserializeforstorage" {
+ span class=secno "2.7.5"
+ - " StructuredSerializeForStorage ( "
+ var value
+ - " )"
+ }
+ }
+ li {
+ a href="#structureddeserialize" {
+ span class=secno "2.7.6"
+ - " StructuredDeserialize ( "
+ var serialized
+ - ", "
+ var targetRealm
+ - " [ , "
+ var memory
+ - " ] )"
+ }
+ }
+ li {
+ a href="#structuredserializewithtransfer" {
+ span class=secno "2.7.7"
+ - " StructuredSerializeWithTransfer ( "
+ var value
+ - ", "
+ var transferList
+ - " )"
+ }
+ }
+ li {
+ a href="#structureddeserializewithtransfer" {
+ span class=secno "2.7.8"
+ - " StructuredDeserializeWithTransfer ( "
+ var serializeWithTransferResult
+ - ", "
+ var targetRealm
+ - " )"
+ }
+ }
+ li {
+ a href="#performing-structured-clones-from-other-specifications" {
+ span class=secno "2.7.9"
+ - " Performing serialization and transferring from other specifications"
+ }
+ }
+ li {
+ a href="#structured-cloning" {
+ span class=secno "2.7.10"
+ - " Structured cloning API"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-dom {
+ a href="#dom" {
+ span class=secno "3"
+ - " Semantics, structure, and APIs of HTML documents"
+ }
+ ol {
+ li {
+ a href="#documents" {
+ span class=secno "3.1"
+ - " Documents"
+ }
+ ol {
+ li {
+ a href="#the-document-object" {
+ span class=secno "3.1.1"
+ - " The "
+ code Document
+ - " object"
+ }
+ }
+ li {
+ a href="#the-documentorshadowroot-interface" {
+ span class=secno "3.1.2"
+ - " The "
+ code DocumentOrShadowRoot
+ - " interface"
+ }
+ }
+ li {
+ a href="#resource-metadata-management" {
+ span class=secno "3.1.3"
+ - " Resource metadata management"
+ }
+ }
+ li {
+ a href="#reporting-document-loading-status" {
+ span class=secno "3.1.4"
+ - " Reporting document loading status"
+ }
+ }
+ li {
+ a href="#render-blocking-mechanism" {
+ span class=secno "3.1.5"
+ - " Render-blocking mechanism"
+ }
+ }
+ li {
+ a href="#dom-tree-accessors" {
+ span class=secno "3.1.6"
+ - " DOM tree accessors"
+ }
+ }
+ }
+ }
+ li {
+ a href="#elements" {
+ span class=secno "3.2"
+ - " Elements"
+ }
+ ol {
+ li {
+ a href="#semantics-2" {
+ span class=secno "3.2.1"
+ - " Semantics"
+ }
+ }
+ li {
+ a href="#elements-in-the-dom" {
+ span class=secno "3.2.2"
+ - " Elements in the DOM"
+ }
+ }
+ li {
+ a href="#html-element-constructors" {
+ span class=secno "3.2.3"
+ - " HTML element constructors"
+ }
+ }
+ li {
+ a href="#element-definitions" {
+ span class=secno "3.2.4"
+ - " Element definitions"
+ }
+ ol {
+ li {
+ a href="#attributes" {
+ span class=secno "3.2.4.1"
+ - " Attributes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#content-models" {
+ span class=secno "3.2.5"
+ - " Content models"
+ }
+ ol {
+ li {
+ a href="#the-nothing-content-model" {
+ span class=secno "3.2.5.1"
+ - " The \"nothing\" content model"
+ }
+ }
+ li {
+ a href="#kinds-of-content" {
+ span class=secno "3.2.5.2"
+ - " Kinds of content"
+ }
+ ol {
+ li {
+ a href="#metadata-content" {
+ span class=secno "3.2.5.2.1"
+ - " Metadata content"
+ }
+ }
+ li {
+ a href="#flow-content" {
+ span class=secno "3.2.5.2.2"
+ - " Flow content"
+ }
+ }
+ li {
+ a href="#sectioning-content" {
+ span class=secno "3.2.5.2.3"
+ - " Sectioning content"
+ }
+ }
+ li {
+ a href="#heading-content" {
+ span class=secno "3.2.5.2.4"
+ - " Heading content"
+ }
+ }
+ li {
+ a href="#phrasing-content" {
+ span class=secno "3.2.5.2.5"
+ - " Phrasing content"
+ }
+ }
+ li {
+ a href="#embedded-content-2" {
+ span class=secno "3.2.5.2.6"
+ - " Embedded content"
+ }
+ }
+ li {
+ a href="#interactive-content" {
+ span class=secno "3.2.5.2.7"
+ - " Interactive content"
+ }
+ }
+ li {
+ a href="#palpable-content" {
+ span class=secno "3.2.5.2.8"
+ - " Palpable content"
+ }
+ }
+ li {
+ a href="#script-supporting-elements" {
+ span class=secno "3.2.5.2.9"
+ - " Script-supporting elements"
+ }
+ }
+ }
+ }
+ li {
+ a href="#transparent-content-models" {
+ span class=secno "3.2.5.3"
+ - " Transparent content models"
+ }
+ }
+ li {
+ a href="#paragraphs" {
+ span class=secno "3.2.5.4"
+ - " Paragraphs"
+ }
+ }
+ }
+ }
+ li {
+ a href="#global-attributes" {
+ span class=secno "3.2.6"
+ - " Global attributes"
+ }
+ ol {
+ li {
+ a href="#the-title-attribute" {
+ span class=secno "3.2.6.1"
+ - " The "
+ code title
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-lang-and-xml:lang-attributes" {
+ span class=secno "3.2.6.2"
+ - " The "
+ code lang
+ - " and "
+ code xml:lang
+ - " attributes"
+ }
+ }
+ li {
+ a href="#the-translate-attribute" {
+ span class=secno "3.2.6.3"
+ - " The "
+ code translate
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-dir-attribute" {
+ span class=secno "3.2.6.4"
+ - " The "
+ code dir
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-style-attribute" {
+ span class=secno "3.2.6.5"
+ - " The "
+ code style
+ - " attribute"
+ }
+ }
+ li {
+ a href="#embedding-custom-non-visible-data-with-the-data-*-attributes" {
+ span class=secno "3.2.6.6"
+ - " Embedding custom non-visible data with the "
+ code data-*
+ - " attributes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-innertext-idl-attribute" {
+ span class=secno "3.2.7"
+ - " The "
+ code innerText
+ - " and "
+ code outerText
+ - " properties"
+ }
+ }
+ li {
+ a href="#requirements-relating-to-the-bidirectional-algorithm" {
+ span class=secno "3.2.8"
+ - " Requirements relating to the bidirectional algorithm"
+ }
+ ol {
+ li {
+ a href="#authoring-conformance-criteria-for-bidirectional-algorithm-formatting-characters" {
+ span class=secno "3.2.8.1"
+ - " Authoring conformance criteria for bidirectional-algorithm formatting characters"
+ }
+ }
+ li {
+ a href="#user-agent-conformance-criteria" {
+ span class=secno "3.2.8.2"
+ - " User agent conformance criteria"
+ }
+ }
+ }
+ }
+ li {
+ a href="#wai-aria" {
+ span class=secno "3.2.9"
+ - " Requirements related to ARIA and to platform accessibility APIs"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-semantics {
+ a href="#semantics" {
+ span class=secno "4"
+ - " The elements of HTML"
+ }
+ ol {
+ li {
+ a href="#the-root-element" {
+ span class=secno "4.1"
+ - " The document element"
+ }
+ ol {
+ li {
+ a href="#the-html-element" {
+ span class=secno "4.1.1"
+ - " The "
+ code html
+ - " element"
+ }
+ }
+ }
+ }
+ li {
+ a href="#document-metadata" {
+ span class=secno "4.2"
+ - " Document metadata"
+ }
+ ol {
+ li {
+ a href="#the-head-element" {
+ span class=secno "4.2.1"
+ - " The "
+ code head
+ - " element"
+ }
+ }
+ li {
+ a href="#the-title-element" {
+ span class=secno "4.2.2"
+ - " The "
+ code title
+ - " element"
+ }
+ }
+ li {
+ a href="#the-base-element" {
+ span class=secno "4.2.3"
+ - " The "
+ code base
+ - " element"
+ }
+ }
+ li {
+ a href="#the-link-element" {
+ span class=secno "4.2.4"
+ - " The "
+ code link
+ - " element"
+ }
+ ol {
+ li {
+ a href="#processing-the-media-attribute" {
+ span class=secno "4.2.4.1"
+ - " Processing the "
+ code media
+ - " attribute"
+ }
+ }
+ li {
+ a href="#processing-the-type-attribute" {
+ span class=secno "4.2.4.2"
+ - " Processing the "
+ code type
+ - " attribute"
+ }
+ }
+ li {
+ a href="#fetching-and-processing-a-resource-from-a-link-element" {
+ span class=secno "4.2.4.3"
+ - " Fetching and processing a resource from a "
+ code link
+ - " element"
+ }
+ }
+ li {
+ a href="#processing-link-headers" {
+ span class=secno "4.2.4.4"
+ - " Processing `"
+ code Link
+ - "` headers"
+ }
+ }
+ li {
+ a href="#early-hints" {
+ span class=secno "4.2.4.5"
+ - " Early hints"
+ }
+ }
+ li {
+ a href="#providing-users-with-a-means-to-follow-hyperlinks-created-using-the-link-element" {
+ span class=secno "4.2.4.6"
+ - " Providing users with a means to follow hyperlinks created using the "
+ code link
+ - " element"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-meta-element" {
+ span class=secno "4.2.5"
+ - " The "
+ code meta
+ - " element"
+ }
+ ol {
+ li {
+ a href="#standard-metadata-names" {
+ span class=secno "4.2.5.1"
+ - " Standard metadata names"
+ }
+ }
+ li {
+ a href="#other-metadata-names" {
+ span class=secno "4.2.5.2"
+ - " Other metadata names"
+ }
+ }
+ li {
+ a href="#pragma-directives" {
+ span class=secno "4.2.5.3"
+ - " Pragma directives"
+ }
+ }
+ li {
+ a href="#charset" {
+ span class=secno "4.2.5.4"
+ - " Specifying the document's character encoding"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-style-element" {
+ span class=secno "4.2.6"
+ - " The "
+ code style
+ - " element"
+ }
+ }
+ li {
+ a href="#interactions-of-styling-and-scripting" {
+ span class=secno "4.2.7"
+ - " Interactions of styling and scripting"
+ }
+ }
+ }
+ }
+ li {
+ a href="#sections" {
+ span class=secno "4.3"
+ - " Sections"
+ }
+ ol {
+ li {
+ a href="#the-body-element" {
+ span class=secno "4.3.1"
+ - " The "
+ code body
+ - " element"
+ }
+ }
+ li {
+ a href="#the-article-element" {
+ span class=secno "4.3.2"
+ - " The "
+ code article
+ - " element"
+ }
+ }
+ li {
+ a href="#the-section-element" {
+ span class=secno "4.3.3"
+ - " The "
+ code section
+ - " element"
+ }
+ }
+ li {
+ a href="#the-nav-element" {
+ span class=secno "4.3.4"
+ - " The "
+ code nav
+ - " element"
+ }
+ }
+ li {
+ a href="#the-aside-element" {
+ span class=secno "4.3.5"
+ - " The "
+ code aside
+ - " element"
+ }
+ }
+ li {
+ a href="#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements" {
+ span class=secno "4.3.6"
+ - " The "
+ code h1
+ - ", "
+ code h2
+ - ", "
+ code h3
+ - ", "
+ code h4
+ - ", "
+ code h5
+ - ", and "
+ code h6
+ - " elements"
+ }
+ }
+ li {
+ a href="#the-hgroup-element" {
+ span class=secno "4.3.7"
+ - " The "
+ code hgroup
+ - " element"
+ }
+ }
+ li {
+ a href="#the-header-element" {
+ span class=secno "4.3.8"
+ - " The "
+ code header
+ - " element"
+ }
+ }
+ li {
+ a href="#the-footer-element" {
+ span class=secno "4.3.9"
+ - " The "
+ code footer
+ - " element"
+ }
+ }
+ li {
+ a href="#the-address-element" {
+ span class=secno "4.3.10"
+ - " The "
+ code address
+ - " element"
+ }
+ }
+ li {
+ a href="#headings-and-outlines-2" {
+ span class=secno "4.3.11"
+ - " Headings and outlines"
+ }
+ ol {
+ li {
+ a href="#sample-outlines" {
+ span class=secno "4.3.11.1"
+ - " Sample outlines"
+ }
+ }
+ li {
+ a href="#exposing-outlines-to-users" {
+ span class=secno "4.3.11.2"
+ - " Exposing outlines to users"
+ }
+ }
+ }
+ }
+ li {
+ a href="#usage-summary-2" {
+ span class=secno "4.3.12"
+ - " Usage summary"
+ }
+ ol {
+ li {
+ a href="#article-or-section" {
+ span class=secno "4.3.12.1"
+ - " Article or section?"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#grouping-content" {
+ span class=secno "4.4"
+ - " Grouping content"
+ }
+ ol {
+ li {
+ a href="#the-p-element" {
+ span class=secno "4.4.1"
+ - " The "
+ code p
+ - " element"
+ }
+ }
+ li {
+ a href="#the-hr-element" {
+ span class=secno "4.4.2"
+ - " The "
+ code hr
+ - " element"
+ }
+ }
+ li {
+ a href="#the-pre-element" {
+ span class=secno "4.4.3"
+ - " The "
+ code pre
+ - " element"
+ }
+ }
+ li {
+ a href="#the-blockquote-element" {
+ span class=secno "4.4.4"
+ - " The "
+ code blockquote
+ - " element"
+ }
+ }
+ li {
+ a href="#the-ol-element" {
+ span class=secno "4.4.5"
+ - " The "
+ code ol
+ - " element"
+ }
+ }
+ li {
+ a href="#the-ul-element" {
+ span class=secno "4.4.6"
+ - " The "
+ code ul
+ - " element"
+ }
+ }
+ li {
+ a href="#the-menu-element" {
+ span class=secno "4.4.7"
+ - " The "
+ code menu
+ - " element"
+ }
+ }
+ li {
+ a href="#the-li-element" {
+ span class=secno "4.4.8"
+ - " The "
+ code li
+ - " element"
+ }
+ }
+ li {
+ a href="#the-dl-element" {
+ span class=secno "4.4.9"
+ - " The "
+ code dl
+ - " element"
+ }
+ }
+ li {
+ a href="#the-dt-element" {
+ span class=secno "4.4.10"
+ - " The "
+ code dt
+ - " element"
+ }
+ }
+ li {
+ a href="#the-dd-element" {
+ span class=secno "4.4.11"
+ - " The "
+ code dd
+ - " element"
+ }
+ }
+ li {
+ a href="#the-figure-element" {
+ span class=secno "4.4.12"
+ - " The "
+ code figure
+ - " element"
+ }
+ }
+ li {
+ a href="#the-figcaption-element" {
+ span class=secno "4.4.13"
+ - " The "
+ code figcaption
+ - " element"
+ }
+ }
+ li {
+ a href="#the-main-element" {
+ span class=secno "4.4.14"
+ - " The "
+ code main
+ - " element"
+ }
+ }
+ li {
+ a href="#the-search-element" {
+ span class=secno "4.4.15"
+ - " The "
+ code search
+ - " element"
+ }
+ }
+ li {
+ a href="#the-div-element" {
+ span class=secno "4.4.16"
+ - " The "
+ code div
+ - " element"
+ }
+ }
+ }
+ }
+ li {
+ a href="#text-level-semantics" {
+ span class=secno "4.5"
+ - " Text-level semantics"
+ }
+ ol {
+ li {
+ a href="#the-a-element" {
+ span class=secno "4.5.1"
+ - " The "
+ code a
+ - " element"
+ }
+ }
+ li {
+ a href="#the-em-element" {
+ span class=secno "4.5.2"
+ - " The "
+ code em
+ - " element"
+ }
+ }
+ li {
+ a href="#the-strong-element" {
+ span class=secno "4.5.3"
+ - " The "
+ code strong
+ - " element"
+ }
+ }
+ li {
+ a href="#the-small-element" {
+ span class=secno "4.5.4"
+ - " The "
+ code small
+ - " element"
+ }
+ }
+ li {
+ a href="#the-s-element" {
+ span class=secno "4.5.5"
+ - " The "
+ code s
+ - " element"
+ }
+ }
+ li {
+ a href="#the-cite-element" {
+ span class=secno "4.5.6"
+ - " The "
+ code cite
+ - " element"
+ }
+ }
+ li {
+ a href="#the-q-element" {
+ span class=secno "4.5.7"
+ - " The "
+ code q
+ - " element"
+ }
+ }
+ li {
+ a href="#the-dfn-element" {
+ span class=secno "4.5.8"
+ - " The "
+ code dfn
+ - " element"
+ }
+ }
+ li {
+ a href="#the-abbr-element" {
+ span class=secno "4.5.9"
+ - " The "
+ code abbr
+ - " element"
+ }
+ }
+ li {
+ a href="#the-ruby-element" {
+ span class=secno "4.5.10"
+ - " The "
+ code ruby
+ - " element"
+ }
+ }
+ li {
+ a href="#the-rt-element" {
+ span class=secno "4.5.11"
+ - " The "
+ code rt
+ - " element"
+ }
+ }
+ li {
+ a href="#the-rp-element" {
+ span class=secno "4.5.12"
+ - " The "
+ code rp
+ - " element"
+ }
+ }
+ li {
+ a href="#the-data-element" {
+ span class=secno "4.5.13"
+ - " The "
+ code data
+ - " element"
+ }
+ }
+ li {
+ a href="#the-time-element" {
+ span class=secno "4.5.14"
+ - " The "
+ code time
+ - " element"
+ }
+ }
+ li {
+ a href="#the-code-element" {
+ span class=secno "4.5.15"
+ - " The "
+ code code
+ - " element"
+ }
+ }
+ li {
+ a href="#the-var-element" {
+ span class=secno "4.5.16"
+ - " The "
+ code var
+ - " element"
+ }
+ }
+ li {
+ a href="#the-samp-element" {
+ span class=secno "4.5.17"
+ - " The "
+ code samp
+ - " element"
+ }
+ }
+ li {
+ a href="#the-kbd-element" {
+ span class=secno "4.5.18"
+ - " The "
+ code kbd
+ - " element"
+ }
+ }
+ li {
+ a href="#the-sub-and-sup-elements" {
+ span class=secno "4.5.19"
+ - " The "
+ code sub
+ - " and "
+ code sup
+ - " elements"
+ }
+ }
+ li {
+ a href="#the-i-element" {
+ span class=secno "4.5.20"
+ - " The "
+ code i
+ - " element"
+ }
+ }
+ li {
+ a href="#the-b-element" {
+ span class=secno "4.5.21"
+ - " The "
+ code b
+ - " element"
+ }
+ }
+ li {
+ a href="#the-u-element" {
+ span class=secno "4.5.22"
+ - " The "
+ code u
+ - " element"
+ }
+ }
+ li {
+ a href="#the-mark-element" {
+ span class=secno "4.5.23"
+ - " The "
+ code mark
+ - " element"
+ }
+ }
+ li {
+ a href="#the-bdi-element" {
+ span class=secno "4.5.24"
+ - " The "
+ code bdi
+ - " element"
+ }
+ }
+ li {
+ a href="#the-bdo-element" {
+ span class=secno "4.5.25"
+ - " The "
+ code bdo
+ - " element"
+ }
+ }
+ li {
+ a href="#the-span-element" {
+ span class=secno "4.5.26"
+ - " The "
+ code span
+ - " element"
+ }
+ }
+ li {
+ a href="#the-br-element" {
+ span class=secno "4.5.27"
+ - " The "
+ code br
+ - " element"
+ }
+ }
+ li {
+ a href="#the-wbr-element" {
+ span class=secno "4.5.28"
+ - " The "
+ code wbr
+ - " element"
+ }
+ }
+ li {
+ a href="#usage-summary" {
+ span class=secno "4.5.29"
+ - " Usage summary"
+ }
+ }
+ }
+ }
+ li {
+ a href="#links" {
+ span class=secno "4.6"
+ - " Links"
+ }
+ ol {
+ li {
+ a href="#introduction-2" {
+ span class=secno "4.6.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#links-created-by-a-and-area-elements" {
+ span class=secno "4.6.2"
+ - " Links created by "
+ code a
+ - " and "
+ code area
+ - " elements"
+ }
+ }
+ li {
+ a href="#api-for-a-and-area-elements" {
+ span class=secno "4.6.3"
+ - " API for "
+ code a
+ - " and "
+ code area
+ - " elements"
+ }
+ }
+ li {
+ a href="#following-hyperlinks" {
+ span class=secno "4.6.4"
+ - " Following hyperlinks"
+ }
+ }
+ li {
+ a href="#downloading-resources" {
+ span class=secno "4.6.5"
+ - " Downloading resources"
+ }
+ }
+ li {
+ a href="#hyperlink-auditing" {
+ span class=secno "4.6.6"
+ - " Hyperlink auditing"
+ }
+ ol {
+ li {
+ a href="#the-ping-headers" {
+ span class=secno "4.6.6.1"
+ - " The `"
+ code Ping-From
+ - "` and `"
+ code Ping-To
+ - "` headers"
+ }
+ }
+ }
+ }
+ li {
+ a href="#linkTypes" {
+ span class=secno "4.6.7"
+ - " Link types"
+ }
+ ol {
+ li {
+ a href="#rel-alternate" {
+ span class=secno "4.6.7.1"
+ - " Link type \""
+ code alternate
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-author" {
+ span class=secno "4.6.7.2"
+ - " Link type \""
+ code author
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-bookmark" {
+ span class=secno "4.6.7.3"
+ - " Link type \""
+ code bookmark
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-canonical" {
+ span class=secno "4.6.7.4"
+ - " Link type \""
+ code canonical
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-dns-prefetch" {
+ span class=secno "4.6.7.5"
+ - " Link type \""
+ code dns-prefetch
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-expect" {
+ span class=secno "4.6.7.6"
+ - " Link type \""
+ code expect
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-external" {
+ span class=secno "4.6.7.7"
+ - " Link type \""
+ code external
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-help" {
+ span class=secno "4.6.7.8"
+ - " Link type \""
+ code help
+ - "\""
+ }
+ }
+ li {
+ a href="#rel-icon" {
+ span class=secno "4.6.7.9"
+ - " Link type \""
+ code icon
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-license" {
+ span class=secno "4.6.7.10"
+ - " Link type \""
+ code license
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-manifest" {
+ span class=secno "4.6.7.11"
+ - " Link type \""
+ code manifest
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-modulepreload" {
+ span class=secno "4.6.7.12"
+ - " Link type \""
+ code modulepreload
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-nofollow" {
+ span class=secno "4.6.7.13"
+ - " Link type \""
+ code nofollow
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-noopener" {
+ span class=secno "4.6.7.14"
+ - " Link type \""
+ code noopener
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-noreferrer" {
+ span class=secno "4.6.7.15"
+ - " Link type \""
+ code noreferrer
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-opener" {
+ span class=secno "4.6.7.16"
+ - " Link type \""
+ code opener
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-pingback" {
+ span class=secno "4.6.7.17"
+ - " Link type \""
+ code pingback
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-preconnect" {
+ span class=secno "4.6.7.18"
+ - " Link type \""
+ code preconnect
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-prefetch" {
+ span class=secno "4.6.7.19"
+ - " Link type \""
+ code prefetch
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-preload" {
+ span class=secno "4.6.7.20"
+ - " Link type \""
+ code preload
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-privacy-policy" {
+ span class=secno "4.6.7.21"
+ - " Link type \""
+ code privacy-policy
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-search" {
+ span class=secno "4.6.7.22"
+ - " Link type \""
+ code search
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-stylesheet" {
+ span class=secno "4.6.7.23"
+ - " Link type \""
+ code stylesheet
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-tag" {
+ span class=secno "4.6.7.24"
+ - " Link type \""
+ code tag
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-terms-of-service" {
+ span class=secno "4.6.7.25"
+ - " Link Type \""
+ code terms-of-service
+ - "\""
+ }
+ }
+ li {
+ a href="#sequential-link-types" {
+ span class=secno "4.6.7.26"
+ - " Sequential link types"
+ }
+ ol {
+ li {
+ a href="#link-type-next" {
+ span class=secno "4.6.7.26.1"
+ - " Link type \""
+ code next
+ - "\""
+ }
+ }
+ li {
+ a href="#link-type-prev" {
+ span class=secno "4.6.7.26.2"
+ - " Link type \""
+ code prev
+ - "\""
+ }
+ }
+ }
+ }
+ li {
+ a href="#other-link-types" {
+ span class=secno "4.6.7.27"
+ - " Other link types"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#edits" {
+ span class=secno "4.7"
+ - " Edits"
+ }
+ ol {
+ li {
+ a href="#the-ins-element" {
+ span class=secno "4.7.1"
+ - " The "
+ code ins
+ - " element"
+ }
+ }
+ li {
+ a href="#the-del-element" {
+ span class=secno "4.7.2"
+ - " The "
+ code del
+ - " element"
+ }
+ }
+ li {
+ a href="#attributes-common-to-ins-and-del-elements" {
+ span class=secno "4.7.3"
+ - " Attributes common to "
+ code ins
+ - " and "
+ code del
+ - " elements"
+ }
+ }
+ li {
+ a href="#edits-and-paragraphs" {
+ span class=secno "4.7.4"
+ - " Edits and paragraphs"
+ }
+ }
+ li {
+ a href="#edits-and-lists" {
+ span class=secno "4.7.5"
+ - " Edits and lists"
+ }
+ }
+ li {
+ a href="#edits-and-tables" {
+ span class=secno "4.7.6"
+ - " Edits and tables"
+ }
+ }
+ }
+ }
+ li {
+ a href="#embedded-content" {
+ span class=secno "4.8"
+ - " Embedded content"
+ }
+ ol {
+ li {
+ a href="#the-picture-element" {
+ span class=secno "4.8.1"
+ - " The "
+ code picture
+ - " element"
+ }
+ }
+ li {
+ a href="#the-source-element" {
+ span class=secno "4.8.2"
+ - " The "
+ code source
+ - " element"
+ }
+ }
+ li {
+ a href="#the-img-element" {
+ span class=secno "4.8.3"
+ - " The "
+ code img
+ - " element"
+ }
+ }
+ li {
+ a href="#images" {
+ span class=secno "4.8.4"
+ - " Images"
+ }
+ ol {
+ li {
+ a href="#introduction-3" {
+ span class=secno "4.8.4.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#adaptive-images" {
+ span class=secno "4.8.4.1.1"
+ - " Adaptive images"
+ }
+ }
+ }
+ }
+ li {
+ a href="#attributes-common-to-source-and-img-elements" {
+ span class=secno "4.8.4.2"
+ - " Attributes common to "
+ code source
+ - ", "
+ code img
+ - ", and "
+ code link
+ - " elements"
+ }
+ ol {
+ li {
+ a href="#srcset-attributes" {
+ span class=secno "4.8.4.2.1"
+ - " Srcset attributes"
+ }
+ }
+ li {
+ a href="#sizes-attributes" {
+ span class=secno "4.8.4.2.2"
+ - " Sizes attributes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#images-processing-model" {
+ span class=secno "4.8.4.3"
+ - " Processing model"
+ }
+ ol {
+ li {
+ a href="#when-to-obtain-images" {
+ span class=secno "4.8.4.3.1"
+ - " When to obtain images"
+ }
+ }
+ li {
+ a href="#reacting-to-dom-mutations" {
+ span class=secno "4.8.4.3.2"
+ - " Reacting to DOM mutations"
+ }
+ }
+ li {
+ a href="#the-list-of-available-images" {
+ span class=secno "4.8.4.3.3"
+ - " The list of available images"
+ }
+ }
+ li {
+ a href="#decoding-images" {
+ span class=secno "4.8.4.3.4"
+ - " Decoding images"
+ }
+ }
+ li {
+ a href="#updating-the-image-data" {
+ span class=secno "4.8.4.3.5"
+ - " Updating the image data"
+ }
+ }
+ li {
+ a href="#preparing-an-image-for-presentation" {
+ span class=secno "4.8.4.3.6"
+ - " Preparing an image for presentation"
+ }
+ }
+ li {
+ a href="#selecting-an-image-source" {
+ span class=secno "4.8.4.3.7"
+ - " Selecting an image source"
+ }
+ }
+ li {
+ a href="#creating-a-source-set-from-attributes" {
+ span class=secno "4.8.4.3.8"
+ - " Creating a source set from attributes"
+ }
+ }
+ li {
+ a href="#updating-the-source-set" {
+ span class=secno "4.8.4.3.9"
+ - " Updating the source set"
+ }
+ }
+ li {
+ a href="#parsing-a-srcset-attribute" {
+ span class=secno "4.8.4.3.10"
+ - " Parsing a srcset attribute"
+ }
+ }
+ li {
+ a href="#parsing-a-sizes-attribute" {
+ span class=secno "4.8.4.3.11"
+ - " Parsing a sizes attribute"
+ }
+ }
+ li {
+ a href="#normalizing-the-source-densities" {
+ span class=secno "4.8.4.3.12"
+ - " Normalizing the source densities"
+ }
+ }
+ li {
+ a href="#reacting-to-environment-changes" {
+ span class=secno "4.8.4.3.13"
+ - " Reacting to environment changes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#alt" {
+ span class=secno "4.8.4.4"
+ - " Requirements for providing text to act as an alternative for images"
+ }
+ ol {
+ li {
+ a href="#general-guidelines" {
+ span class=secno "4.8.4.4.1"
+ - " General guidelines"
+ }
+ }
+ li {
+ a href="#a-link-or-button-containing-nothing-but-the-image" {
+ span class=secno "4.8.4.4.2"
+ - " A link or button containing nothing but the image"
+ }
+ }
+ li {
+ a href="#a-phrase-or-paragraph-with-an-alternative-graphical-representation:-charts,-diagrams,-graphs,-maps,-illustrations" {
+ span class=secno "4.8.4.4.3"
+ - " A phrase or paragraph with an alternative graphical representation: charts, diagrams, graphs, maps, illustrations"
+ }
+ }
+ li {
+ a href="#a-short-phrase-or-label-with-an-alternative-graphical-representation:-icons,-logos" {
+ span class=secno "4.8.4.4.4"
+ - " A short phrase or label with an alternative graphical representation: icons, logos"
+ }
+ }
+ li {
+ a href="#text-that-has-been-rendered-to-a-graphic-for-typographical-effect" {
+ span class=secno "4.8.4.4.5"
+ - " Text that has been rendered to a graphic for typographical effect"
+ }
+ }
+ li {
+ a href="#a-graphical-representation-of-some-of-the-surrounding-text" {
+ span class=secno "4.8.4.4.6"
+ - " A graphical representation of some of the surrounding text"
+ }
+ }
+ li {
+ a href="#ancillary-images" {
+ span class=secno "4.8.4.4.7"
+ - " Ancillary images"
+ }
+ }
+ li {
+ a href="#a-purely-decorative-image-that-doesn't-add-any-information" {
+ span class=secno "4.8.4.4.8"
+ - " A purely decorative image that doesn't add any information"
+ }
+ }
+ li {
+ a href="#a-group-of-images-that-form-a-single-larger-picture-with-no-links" {
+ span class=secno "4.8.4.4.9"
+ - " A group of images that form a single larger picture with no links"
+ }
+ }
+ li {
+ a href="#a-group-of-images-that-form-a-single-larger-picture-with-links" {
+ span class=secno "4.8.4.4.10"
+ - " A group of images that form a single larger picture with links"
+ }
+ }
+ li {
+ a href="#a-key-part-of-the-content" {
+ span class=secno "4.8.4.4.11"
+ - " A key part of the content"
+ }
+ }
+ li {
+ a href="#an-image-not-intended-for-the-user" {
+ span class=secno "4.8.4.4.12"
+ - " An image not intended for the user"
+ }
+ }
+ li {
+ a href="#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.8.4.4.13"
+ - " An image in an email or private document intended for a specific person who is known to be able to view images"
+ }
+ }
+ li {
+ a href="#guidance-for-markup-generators" {
+ span class=secno "4.8.4.4.14"
+ - " Guidance for markup generators"
+ }
+ }
+ li {
+ a href="#guidance-for-conformance-checkers" {
+ span class=secno "4.8.4.4.15"
+ - " Guidance for conformance checkers"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-iframe-element" {
+ span class=secno "4.8.5"
+ - " The "
+ code iframe
+ - " element"
+ }
+ }
+ li {
+ a href="#the-embed-element" {
+ span class=secno "4.8.6"
+ - " The "
+ code embed
+ - " element"
+ }
+ }
+ li {
+ a href="#the-object-element" {
+ span class=secno "4.8.7"
+ - " The "
+ code object
+ - " element"
+ }
+ }
+ li {
+ a href="#the-video-element" {
+ span class=secno "4.8.8"
+ - " The "
+ code video
+ - " element"
+ }
+ }
+ li {
+ a href="#the-audio-element" {
+ span class=secno "4.8.9"
+ - " The "
+ code audio
+ - " element"
+ }
+ }
+ li {
+ a href="#the-track-element" {
+ span class=secno "4.8.10"
+ - " The "
+ code track
+ - " element"
+ }
+ }
+ li {
+ a href="#media-elements" {
+ span class=secno "4.8.11"
+ - " Media elements"
+ }
+ ol {
+ li {
+ a href="#error-codes" {
+ span class=secno "4.8.11.1"
+ - " Error codes"
+ }
+ }
+ li {
+ a href="#location-of-the-media-resource" {
+ span class=secno "4.8.11.2"
+ - " Location of the media resource"
+ }
+ }
+ li {
+ a href="#mime-types" {
+ span class=secno "4.8.11.3"
+ - " MIME types"
+ }
+ }
+ li {
+ a href="#network-states" {
+ span class=secno "4.8.11.4"
+ - " Network states"
+ }
+ }
+ li {
+ a href="#loading-the-media-resource" {
+ span class=secno "4.8.11.5"
+ - " Loading the media resource"
+ }
+ }
+ li {
+ a href="#offsets-into-the-media-resource" {
+ span class=secno "4.8.11.6"
+ - " Offsets into the media resource"
+ }
+ }
+ li {
+ a href="#ready-states" {
+ span class=secno "4.8.11.7"
+ - " Ready states"
+ }
+ }
+ li {
+ a href="#playing-the-media-resource" {
+ span class=secno "4.8.11.8"
+ - " Playing the media resource"
+ }
+ }
+ li {
+ a href="#seeking" {
+ span class=secno "4.8.11.9"
+ - " Seeking"
+ }
+ }
+ li {
+ a href="#media-resources-with-multiple-media-tracks" {
+ span class=secno "4.8.11.10"
+ - " Media resources with multiple media tracks"
+ }
+ ol {
+ li {
+ a href="#audiotracklist-and-videotracklist-objects" {
+ span class=secno "4.8.11.10.1"
+ code AudioTrackList
+ - " and "
+ code VideoTrackList
+ - " objects"
+ }
+ }
+ li {
+ a href="#selecting-specific-audio-and-video-tracks-declaratively" {
+ span class=secno "4.8.11.10.2"
+ - " Selecting specific audio and video tracks declaratively"
+ }
+ }
+ }
+ }
+ li {
+ a href="#timed-text-tracks" {
+ span class=secno "4.8.11.11"
+ - " Timed text tracks"
+ }
+ ol {
+ li {
+ a href="#text-track-model" {
+ span class=secno "4.8.11.11.1"
+ - " Text track model"
+ }
+ }
+ li {
+ a href="#sourcing-in-band-text-tracks" {
+ span class=secno "4.8.11.11.2"
+ - " Sourcing in-band text tracks"
+ }
+ }
+ li {
+ a href="#sourcing-out-of-band-text-tracks" {
+ span class=secno "4.8.11.11.3"
+ - " Sourcing out-of-band text tracks"
+ }
+ }
+ li {
+ a href="#guidelines-for-exposing-cues-in-various-formats-as-text-track-cues" {
+ span class=secno "4.8.11.11.4"
+ - " Guidelines for exposing cues in various formats as text track cues"
+ }
+ }
+ li {
+ a href="#text-track-api" {
+ span class=secno "4.8.11.11.5"
+ - " Text track API"
+ }
+ }
+ li {
+ a href="#cue-events" {
+ span class=secno "4.8.11.11.6"
+ - " Event handlers for objects of the text track APIs"
+ }
+ }
+ li {
+ a href="#best-practices-for-metadata-text-tracks" {
+ span class=secno "4.8.11.11.7"
+ - " Best practices for metadata text tracks"
+ }
+ }
+ }
+ }
+ li {
+ a href="#identifying-a-track-kind-through-a-url" {
+ span class=secno "4.8.11.12"
+ - " Identifying a track kind through a URL"
+ }
+ }
+ li {
+ a href="#user-interface" {
+ span class=secno "4.8.11.13"
+ - " User interface"
+ }
+ }
+ li {
+ a href="#time-ranges" {
+ span class=secno "4.8.11.14"
+ - " Time ranges"
+ }
+ }
+ li {
+ a href="#the-trackevent-interface" {
+ span class=secno "4.8.11.15"
+ - " The "
+ code TrackEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#mediaevents" {
+ span class=secno "4.8.11.16"
+ - " Events summary"
+ }
+ }
+ li {
+ a href="#security-and-privacy-considerations" {
+ span class=secno "4.8.11.17"
+ - " Security and privacy considerations"
+ }
+ }
+ li {
+ a href="#best-practices-for-authors-using-media-elements" {
+ span class=secno "4.8.11.18"
+ - " Best practices for authors using media elements"
+ }
+ }
+ li {
+ a href="#best-practices-for-implementers-of-media-elements" {
+ span class=secno "4.8.11.19"
+ - " Best practices for implementers of media elements"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-map-element" {
+ span class=secno "4.8.12"
+ - " The "
+ code map
+ - " element"
+ }
+ }
+ li {
+ a href="#the-area-element" {
+ span class=secno "4.8.13"
+ - " The "
+ code area
+ - " element"
+ }
+ }
+ li {
+ a href="#image-maps" {
+ span class=secno "4.8.14"
+ - " Image maps"
+ }
+ ol {
+ li {
+ a href="#authoring" {
+ span class=secno "4.8.14.1"
+ - " Authoring"
+ }
+ }
+ li {
+ a href="#image-map-processing-model" {
+ span class=secno "4.8.14.2"
+ - " Processing model"
+ }
+ }
+ }
+ }
+ li {
+ a href="#mathml" {
+ span class=secno "4.8.15"
+ - " MathML"
+ }
+ }
+ li {
+ a href="#svg-0" {
+ span class=secno "4.8.16"
+ - " SVG"
+ }
+ }
+ li {
+ a href="#dimension-attributes" {
+ span class=secno "4.8.17"
+ - " Dimension attributes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#tables" {
+ span class=secno "4.9"
+ - " Tabular data"
+ }
+ ol {
+ li {
+ a href="#the-table-element" {
+ span class=secno "4.9.1"
+ - " The "
+ code table
+ - " element"
+ }
+ ol {
+ li {
+ a href="#table-descriptions-techniques" {
+ span class=secno "4.9.1.1"
+ - " Techniques for describing tables"
+ }
+ }
+ li {
+ a href="#table-layout-techniques" {
+ span class=secno "4.9.1.2"
+ - " Techniques for table design"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-caption-element" {
+ span class=secno "4.9.2"
+ - " The "
+ code caption
+ - " element"
+ }
+ }
+ li {
+ a href="#the-colgroup-element" {
+ span class=secno "4.9.3"
+ - " The "
+ code colgroup
+ - " element"
+ }
+ }
+ li {
+ a href="#the-col-element" {
+ span class=secno "4.9.4"
+ - " The "
+ code col
+ - " element"
+ }
+ }
+ li {
+ a href="#the-tbody-element" {
+ span class=secno "4.9.5"
+ - " The "
+ code tbody
+ - " element"
+ }
+ }
+ li {
+ a href="#the-thead-element" {
+ span class=secno "4.9.6"
+ - " The "
+ code thead
+ - " element"
+ }
+ }
+ li {
+ a href="#the-tfoot-element" {
+ span class=secno "4.9.7"
+ - " The "
+ code tfoot
+ - " element"
+ }
+ }
+ li {
+ a href="#the-tr-element" {
+ span class=secno "4.9.8"
+ - " The "
+ code tr
+ - " element"
+ }
+ }
+ li {
+ a href="#the-td-element" {
+ span class=secno "4.9.9"
+ - " The "
+ code td
+ - " element"
+ }
+ }
+ li {
+ a href="#the-th-element" {
+ span class=secno "4.9.10"
+ - " The "
+ code th
+ - " element"
+ }
+ }
+ li {
+ a href="#attributes-common-to-td-and-th-elements" {
+ span class=secno "4.9.11"
+ - " Attributes common to "
+ code td
+ - " and "
+ code th
+ - " elements"
+ }
+ }
+ li {
+ a href="#table-processing-model" {
+ span class=secno "4.9.12"
+ - " Processing model"
+ }
+ ol {
+ li {
+ a href="#forming-a-table" {
+ span class=secno "4.9.12.1"
+ - " Forming a table"
+ }
+ }
+ li {
+ a href="#header-and-data-cell-semantics" {
+ span class=secno "4.9.12.2"
+ - " Forming relationships between data cells and header cells"
+ }
+ }
+ }
+ }
+ li {
+ a href="#table-examples" {
+ span class=secno "4.9.13"
+ - " Examples"
+ }
+ }
+ }
+ }
+ li {
+ a href="#forms" {
+ span class=secno "4.10"
+ - " Forms"
+ }
+ ol {
+ li {
+ a href="#introduction-4" {
+ span class=secno "4.10.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#writing-a-form's-user-interface" {
+ span class=secno "4.10.1.1"
+ - " Writing a form's user interface"
+ }
+ }
+ li {
+ a href="#implementing-the-server-side-processing-for-a-form" {
+ span class=secno "4.10.1.2"
+ - " Implementing the server-side processing for a form"
+ }
+ }
+ li {
+ a href="#configuring-a-form-to-communicate-with-a-server" {
+ span class=secno "4.10.1.3"
+ - " Configuring a form to communicate with a server"
+ }
+ }
+ li {
+ a href="#client-side-form-validation" {
+ span class=secno "4.10.1.4"
+ - " Client-side form validation"
+ }
+ }
+ li {
+ a href="#enabling-client-side-automatic-filling-of-form-controls" {
+ span class=secno "4.10.1.5"
+ - " Enabling client-side automatic filling of form controls"
+ }
+ }
+ li {
+ a href="#improving-the-user-experience-on-mobile-devices" {
+ span class=secno "4.10.1.6"
+ - " Improving the user experience on mobile devices"
+ }
+ }
+ li {
+ a href="#the-difference-between-the-field-type,-the-autofill-field-name,-and-the-input-modality" {
+ span class=secno "4.10.1.7"
+ - " The difference between the field type, the autofill field name, and the input modality"
+ }
+ }
+ li {
+ a href="#input-author-notes" {
+ span class=secno "4.10.1.8"
+ - " Date, time, and number formats"
+ }
+ }
+ }
+ }
+ li {
+ a href="#categories" {
+ span class=secno "4.10.2"
+ - " Categories"
+ }
+ }
+ li {
+ a href="#the-form-element" {
+ span class=secno "4.10.3"
+ - " The "
+ code form
+ - " element"
+ }
+ }
+ li {
+ a href="#the-label-element" {
+ span class=secno "4.10.4"
+ - " The "
+ code label
+ - " element"
+ }
+ }
+ li {
+ a href="#the-input-element" {
+ span class=secno "4.10.5"
+ - " The "
+ code input
+ - " element"
+ }
+ ol {
+ li {
+ a href="#states-of-the-type-attribute" {
+ span class=secno "4.10.5.1"
+ - " States of the "
+ code type
+ - " attribute"
+ }
+ ol {
+ li {
+ a href="#hidden-state-(type=hidden)" {
+ span class=secno "4.10.5.1.1"
+ - " Hidden state ("
+ code "type=hidden"
+ - ")"
+ }
+ }
+ li {
+ a href="#text-(type=text)-state-and-search-state-(type=search)" {
+ span class=secno "4.10.5.1.2"
+ - " Text ("
+ code "type=text"
+ - ") state and Search state ("
+ code "type=search"
+ - ")"
+ }
+ }
+ li {
+ a href="#telephone-state-(type=tel)" {
+ span class=secno "4.10.5.1.3"
+ - " Telephone state ("
+ code "type=tel"
+ - ")"
+ }
+ }
+ li {
+ a href="#url-state-(type=url)" {
+ span class=secno "4.10.5.1.4"
+ - " URL state ("
+ code "type=url"
+ - ")"
+ }
+ }
+ li {
+ a href="#email-state-(type=email)" {
+ span class=secno "4.10.5.1.5"
+ - " Email state ("
+ code "type=email"
+ - ")"
+ }
+ }
+ li {
+ a href="#password-state-(type=password)" {
+ span class=secno "4.10.5.1.6"
+ - " Password state ("
+ code "type=password"
+ - ")"
+ }
+ }
+ li {
+ a href="#date-state-(type=date)" {
+ span class=secno "4.10.5.1.7"
+ - " Date state ("
+ code "type=date"
+ - ")"
+ }
+ }
+ li {
+ a href="#month-state-(type=month)" {
+ span class=secno "4.10.5.1.8"
+ - " Month state ("
+ code "type=month"
+ - ")"
+ }
+ }
+ li {
+ a href="#week-state-(type=week)" {
+ span class=secno "4.10.5.1.9"
+ - " Week state ("
+ code "type=week"
+ - ")"
+ }
+ }
+ li {
+ a href="#time-state-(type=time)" {
+ span class=secno "4.10.5.1.10"
+ - " Time state ("
+ code "type=time"
+ - ")"
+ }
+ }
+ li {
+ a href="#local-date-and-time-state-(type=datetime-local)" {
+ span class=secno "4.10.5.1.11"
+ - " Local Date and Time state ("
+ code "type=datetime-local"
+ - ")"
+ }
+ }
+ li {
+ a href="#number-state-(type=number)" {
+ span class=secno "4.10.5.1.12"
+ - " Number state ("
+ code "type=number"
+ - ")"
+ }
+ }
+ li {
+ a href="#range-state-(type=range)" {
+ span class=secno "4.10.5.1.13"
+ - " Range state ("
+ code "type=range"
+ - ")"
+ }
+ }
+ li {
+ a href="#color-state-(type=color)" {
+ span class=secno "4.10.5.1.14"
+ - " Color state ("
+ code "type=color"
+ - ")"
+ }
+ }
+ li {
+ a href="#checkbox-state-(type=checkbox)" {
+ span class=secno "4.10.5.1.15"
+ - " Checkbox state ("
+ code "type=checkbox"
+ - ")"
+ }
+ }
+ li {
+ a href="#radio-button-state-(type=radio)" {
+ span class=secno "4.10.5.1.16"
+ - " Radio Button state ("
+ code "type=radio"
+ - ")"
+ }
+ }
+ li {
+ a href="#file-upload-state-(type=file)" {
+ span class=secno "4.10.5.1.17"
+ - " File Upload state ("
+ code "type=file"
+ - ")"
+ }
+ }
+ li {
+ a href="#submit-button-state-(type=submit)" {
+ span class=secno "4.10.5.1.18"
+ - " Submit Button state ("
+ code "type=submit"
+ - ")"
+ }
+ }
+ li {
+ a href="#image-button-state-(type=image)" {
+ span class=secno "4.10.5.1.19"
+ - " Image Button state ("
+ code "type=image"
+ - ")"
+ }
+ }
+ li {
+ a href="#reset-button-state-(type=reset)" {
+ span class=secno "4.10.5.1.20"
+ - " Reset Button state ("
+ code "type=reset"
+ - ")"
+ }
+ }
+ li {
+ a href="#button-state-(type=button)" {
+ span class=secno "4.10.5.1.21"
+ - " Button state ("
+ code "type=button"
+ - ")"
+ }
+ }
+ }
+ }
+ li {
+ a href="#input-impl-notes" {
+ span class=secno "4.10.5.2"
+ - " Implementation notes regarding localization of form controls"
+ }
+ }
+ li {
+ a href="#common-input-element-attributes" {
+ span class=secno "4.10.5.3"
+ - " Common "
+ code input
+ - " element attributes"
+ }
+ ol {
+ li {
+ a href="#the-maxlength-and-minlength-attributes" {
+ span class=secno "4.10.5.3.1"
+ - " The "
+ code maxlength
+ - " and "
+ code minlength
+ - " attributes"
+ }
+ }
+ li {
+ a href="#the-size-attribute" {
+ span class=secno "4.10.5.3.2"
+ - " The "
+ code size
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-readonly-attribute" {
+ span class=secno "4.10.5.3.3"
+ - " The "
+ code readonly
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-required-attribute" {
+ span class=secno "4.10.5.3.4"
+ - " The "
+ code required
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-multiple-attribute" {
+ span class=secno "4.10.5.3.5"
+ - " The "
+ code multiple
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-pattern-attribute" {
+ span class=secno "4.10.5.3.6"
+ - " The "
+ code pattern
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-min-and-max-attributes" {
+ span class=secno "4.10.5.3.7"
+ - " The "
+ code min
+ - " and "
+ code max
+ - " attributes"
+ }
+ }
+ li {
+ a href="#the-step-attribute" {
+ span class=secno "4.10.5.3.8"
+ - " The "
+ code step
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-list-attribute" {
+ span class=secno "4.10.5.3.9"
+ - " The "
+ code list
+ - " attribute"
+ }
+ }
+ li {
+ a href="#the-placeholder-attribute" {
+ span class=secno "4.10.5.3.10"
+ - " The "
+ code placeholder
+ - " attribute"
+ }
+ }
+ }
+ }
+ li {
+ a href="#common-input-element-apis" {
+ span class=secno "4.10.5.4"
+ - " Common "
+ code input
+ - " element APIs"
+ }
+ }
+ li {
+ a href="#common-input-element-events" {
+ span class=secno "4.10.5.5"
+ - " Common event behaviors"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-button-element" {
+ span class=secno "4.10.6"
+ - " The "
+ code button
+ - " element"
+ }
+ }
+ li {
+ a href="#the-select-element" {
+ span class=secno "4.10.7"
+ - " The "
+ code select
+ - " element"
+ }
+ }
+ li {
+ a href="#the-datalist-element" {
+ span class=secno "4.10.8"
+ - " The "
+ code datalist
+ - " element"
+ }
+ }
+ li {
+ a href="#the-optgroup-element" {
+ span class=secno "4.10.9"
+ - " The "
+ code optgroup
+ - " element"
+ }
+ }
+ li {
+ a href="#the-option-element" {
+ span class=secno "4.10.10"
+ - " The "
+ code option
+ - " element"
+ }
+ }
+ li {
+ a href="#the-textarea-element" {
+ span class=secno "4.10.11"
+ - " The "
+ code textarea
+ - " element"
+ }
+ }
+ li {
+ a href="#the-output-element" {
+ span class=secno "4.10.12"
+ - " The "
+ code output
+ - " element"
+ }
+ }
+ li {
+ a href="#the-progress-element" {
+ span class=secno "4.10.13"
+ - " The "
+ code progress
+ - " element"
+ }
+ }
+ li {
+ a href="#the-meter-element" {
+ span class=secno "4.10.14"
+ - " The "
+ code meter
+ - " element"
+ }
+ }
+ li {
+ a href="#the-fieldset-element" {
+ span class=secno "4.10.15"
+ - " The "
+ code fieldset
+ - " element"
+ }
+ }
+ li {
+ a href="#the-legend-element" {
+ span class=secno "4.10.16"
+ - " The "
+ code legend
+ - " element"
+ }
+ }
+ li {
+ a href="#form-control-infrastructure" {
+ span class=secno "4.10.17"
+ - " Form control infrastructure"
+ }
+ ol {
+ li {
+ a href="#a-form-control's-value" {
+ span class=secno "4.10.17.1"
+ - " A form control's value"
+ }
+ }
+ li {
+ a href="#mutability" {
+ span class=secno "4.10.17.2"
+ - " Mutability"
+ }
+ }
+ li {
+ a href="#association-of-controls-and-forms" {
+ span class=secno "4.10.17.3"
+ - " Association of controls and forms"
+ }
+ }
+ }
+ }
+ li {
+ a href="#attributes-common-to-form-controls" {
+ span class=secno "4.10.18"
+ - " Attributes common to form controls"
+ }
+ ol {
+ li {
+ a href="#naming-form-controls:-the-name-attribute" {
+ span class=secno "4.10.18.1"
+ - " Naming form controls: the "
+ code name
+ - " attribute"
+ }
+ }
+ li {
+ a href="#submitting-element-directionality:-the-dirname-attribute" {
+ span class=secno "4.10.18.2"
+ - " Submitting element directionality: the "
+ code dirname
+ - " attribute"
+ }
+ }
+ li {
+ a href="#limiting-user-input-length:-the-maxlength-attribute" {
+ span class=secno "4.10.18.3"
+ - " Limiting user input length: the "
+ code maxlength
+ - " attribute"
+ }
+ }
+ li {
+ a href="#setting-minimum-input-length-requirements:-the-minlength-attribute" {
+ span class=secno "4.10.18.4"
+ - " Setting minimum input length requirements: the "
+ code minlength
+ - " attribute"
+ }
+ }
+ li {
+ a href="#enabling-and-disabling-form-controls:-the-disabled-attribute" {
+ span class=secno "4.10.18.5"
+ - " Enabling and disabling form controls: the "
+ code disabled
+ - " attribute"
+ }
+ }
+ li {
+ a href="#form-submission-attributes" {
+ span class=secno "4.10.18.6"
+ - " Form submission attributes"
+ }
+ }
+ li {
+ a href="#autofill" {
+ span class=secno "4.10.18.7"
+ - " Autofill"
+ }
+ ol {
+ li {
+ a href="#autofilling-form-controls:-the-autocomplete-attribute" {
+ span class=secno "4.10.18.7.1"
+ - " Autofilling form controls: the "
+ code autocomplete
+ - " attribute"
+ }
+ }
+ li {
+ a href="#autofill-processing-model" {
+ span class=secno "4.10.18.7.2"
+ - " Processing model"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#textFieldSelection" {
+ span class=secno "4.10.19"
+ - " APIs for the text control selections"
+ }
+ }
+ li {
+ a href="#constraints" {
+ span class=secno "4.10.20"
+ - " Constraints"
+ }
+ ol {
+ li {
+ a href="#definitions" {
+ span class=secno "4.10.20.1"
+ - " Definitions"
+ }
+ }
+ li {
+ a href="#constraint-validation" {
+ span class=secno "4.10.20.2"
+ - " Constraint validation"
+ }
+ }
+ li {
+ a href="#the-constraint-validation-api" {
+ span class=secno "4.10.20.3"
+ - " The constraint validation API"
+ }
+ }
+ li {
+ a href="#security-forms" {
+ span class=secno "4.10.20.4"
+ - " Security"
+ }
+ }
+ }
+ }
+ li {
+ a href="#form-submission-2" {
+ span class=secno "4.10.21"
+ - " Form submission"
+ }
+ ol {
+ li {
+ a href="#introduction-5" {
+ span class=secno "4.10.21.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#implicit-submission" {
+ span class=secno "4.10.21.2"
+ - " Implicit submission"
+ }
+ }
+ li {
+ a href="#form-submission-algorithm" {
+ span class=secno "4.10.21.3"
+ - " Form submission algorithm"
+ }
+ }
+ li {
+ a href="#constructing-form-data-set" {
+ span class=secno "4.10.21.4"
+ - " Constructing the entry list"
+ }
+ }
+ li {
+ a href="#selecting-a-form-submission-encoding" {
+ span class=secno "4.10.21.5"
+ - " Selecting a form submission encoding"
+ }
+ }
+ li {
+ a href="#converting-an-entry-list-to-a-list-of-name-value-pairs" {
+ span class=secno "4.10.21.6"
+ - " Converting an entry list to a list of name-value pairs"
+ }
+ }
+ li {
+ a href="#url-encoded-form-data" {
+ span class=secno "4.10.21.7"
+ - " URL-encoded form data"
+ }
+ }
+ li {
+ a href="#multipart-form-data" {
+ span class=secno "4.10.21.8"
+ - " Multipart form data"
+ }
+ }
+ li {
+ a href="#plain-text-form-data" {
+ span class=secno "4.10.21.9"
+ - " Plain text form data"
+ }
+ }
+ li {
+ a href="#the-submitevent-interface" {
+ span class=secno "4.10.21.10"
+ - " The "
+ code SubmitEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-formdataevent-interface" {
+ span class=secno "4.10.21.11"
+ - " The "
+ code FormDataEvent
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#resetting-a-form" {
+ span class=secno "4.10.22"
+ - " Resetting a form"
+ }
+ }
+ }
+ }
+ li {
+ a href="#interactive-elements" {
+ span class=secno "4.11"
+ - " Interactive elements"
+ }
+ ol {
+ li {
+ a href="#the-details-element" {
+ span class=secno "4.11.1"
+ - " The "
+ code details
+ - " element"
+ }
+ }
+ li {
+ a href="#the-summary-element" {
+ span class=secno "4.11.2"
+ - " The "
+ code summary
+ - " element"
+ }
+ }
+ li {
+ a href="#commands" {
+ span class=secno "4.11.3"
+ - " Commands"
+ }
+ ol {
+ li {
+ a href="#facets-2" {
+ span class=secno "4.11.3.1"
+ - " Facets"
+ }
+ }
+ li {
+ a href="#using-the-a-element-to-define-a-command" {
+ span class=secno "4.11.3.2"
+ - " Using the "
+ code a
+ - " element to define a command"
+ }
+ }
+ li {
+ a href="#using-the-button-element-to-define-a-command" {
+ span class=secno "4.11.3.3"
+ - " Using the "
+ code button
+ - " element to define a command"
+ }
+ }
+ li {
+ a href="#using-the-input-element-to-define-a-command" {
+ span class=secno "4.11.3.4"
+ - " Using the "
+ code input
+ - " element to define a command"
+ }
+ }
+ li {
+ a href="#using-the-option-element-to-define-a-command" {
+ span class=secno "4.11.3.5"
+ - " Using the "
+ code option
+ - " element to define a command"
+ }
+ }
+ li {
+ a href="#using-the-accesskey-attribute-on-a-legend-element-to-define-a-command" {
+ span class=secno "4.11.3.6"
+ - " Using the "
+ code accesskey
+ - " attribute on a "
+ code legend
+ - " element to define a command"
+ }
+ }
+ li {
+ a href="#using-the-accesskey-attribute-to-define-a-command-on-other-elements" {
+ span class=secno "4.11.3.7"
+ - " Using the "
+ code accesskey
+ - " attribute to define a command on other elements"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-dialog-element" {
+ span class=secno "4.11.4"
+ - " The "
+ code dialog
+ - " element"
+ }
+ }
+ li {
+ a href="#dialog-light-dismiss" {
+ span class=secno "4.11.5"
+ - " Dialog light dismiss"
+ }
+ }
+ }
+ }
+ li {
+ a href="#scripting-3" {
+ span class=secno "4.12"
+ - " Scripting"
+ }
+ ol {
+ li {
+ a href="#the-script-element" {
+ span class=secno "4.12.1"
+ - " The "
+ code script
+ - " element"
+ }
+ ol {
+ li {
+ a href="#script-processing-model" {
+ span class=secno "4.12.1.1"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#scriptingLanguages" {
+ span class=secno "4.12.1.2"
+ - " Scripting languages"
+ }
+ }
+ li {
+ a href="#restrictions-for-contents-of-script-elements" {
+ span class=secno "4.12.1.3"
+ - " Restrictions for contents of "
+ code script
+ - " elements"
+ }
+ }
+ li {
+ a href="#inline-documentation-for-external-scripts" {
+ span class=secno "4.12.1.4"
+ - " Inline documentation for external scripts"
+ }
+ }
+ li {
+ a href="#scriptTagXSLT" {
+ span class=secno "4.12.1.5"
+ - " Interaction of "
+ code script
+ - " elements and XSLT"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-noscript-element" {
+ span class=secno "4.12.2"
+ - " The "
+ code noscript
+ - " element"
+ }
+ }
+ li {
+ a href="#the-template-element" {
+ span class=secno "4.12.3"
+ - " The "
+ code template
+ - " element"
+ }
+ ol {
+ li {
+ a href="#template-XSLT-XPath" {
+ span class=secno "4.12.3.1"
+ - " Interaction of "
+ code template
+ - " elements with XSLT and XPath"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-slot-element" {
+ span class=secno "4.12.4"
+ - " The "
+ code slot
+ - " element"
+ }
+ }
+ li {
+ a href="#the-canvas-element" {
+ span class=secno "4.12.5"
+ - " The "
+ code canvas
+ - " element"
+ }
+ ol {
+ li {
+ a href="#2dcontext" {
+ span class=secno "4.12.5.1"
+ - " The 2D rendering context"
+ }
+ ol {
+ li {
+ a href="#implementation-notes" {
+ span class=secno "4.12.5.1.1"
+ - " Implementation notes"
+ }
+ }
+ li {
+ a href="#the-canvas-state" {
+ span class=secno "4.12.5.1.2"
+ - " The canvas state"
+ }
+ }
+ li {
+ a href="#line-styles" {
+ span class=secno "4.12.5.1.3"
+ - " Line styles"
+ }
+ }
+ li {
+ a href="#text-styles" {
+ span class=secno "4.12.5.1.4"
+ - " Text styles"
+ }
+ }
+ li {
+ a href="#building-paths" {
+ span class=secno "4.12.5.1.5"
+ - " Building paths"
+ }
+ }
+ li {
+ a href="#path2d-objects" {
+ span class=secno "4.12.5.1.6"
+ code Path2D
+ - " objects"
+ }
+ }
+ li {
+ a href="#transformations" {
+ span class=secno "4.12.5.1.7"
+ - " Transformations"
+ }
+ }
+ li {
+ a href="#image-sources-for-2d-rendering-contexts" {
+ span class=secno "4.12.5.1.8"
+ - " Image sources for 2D rendering contexts"
+ }
+ }
+ li {
+ a href="#fill-and-stroke-styles" {
+ span class=secno "4.12.5.1.9"
+ - " Fill and stroke styles"
+ }
+ }
+ li {
+ a href="#drawing-rectangles-to-the-bitmap" {
+ span class=secno "4.12.5.1.10"
+ - " Drawing rectangles to the bitmap"
+ }
+ }
+ li {
+ a href="#drawing-text-to-the-bitmap" {
+ span class=secno "4.12.5.1.11"
+ - " Drawing text to the bitmap"
+ }
+ }
+ li {
+ a href="#drawing-paths-to-the-canvas" {
+ span class=secno "4.12.5.1.12"
+ - " Drawing paths to the canvas"
+ }
+ }
+ li {
+ a href="#drawing-focus-rings-and-scrolling-paths-into-view" {
+ span class=secno "4.12.5.1.13"
+ - " Drawing focus rings"
+ }
+ }
+ li {
+ a href="#drawing-images" {
+ span class=secno "4.12.5.1.14"
+ - " Drawing images"
+ }
+ }
+ li {
+ a href="#pixel-manipulation" {
+ span class=secno "4.12.5.1.15"
+ - " Pixel manipulation"
+ }
+ }
+ li {
+ a href="#compositing" {
+ span class=secno "4.12.5.1.16"
+ - " Compositing"
+ }
+ }
+ li {
+ a href="#image-smoothing" {
+ span class=secno "4.12.5.1.17"
+ - " Image smoothing"
+ }
+ }
+ li {
+ a href="#shadows" {
+ span class=secno "4.12.5.1.18"
+ - " Shadows"
+ }
+ }
+ li {
+ a href="#filters" {
+ span class=secno "4.12.5.1.19"
+ - " Filters"
+ }
+ }
+ li {
+ a href="#working-with-externally-defined-svg-filters" {
+ span class=secno "4.12.5.1.20"
+ - " Working with externally-defined SVG filters"
+ }
+ }
+ li {
+ a href="#drawing-model" {
+ span class=secno "4.12.5.1.21"
+ - " Drawing model"
+ }
+ }
+ li {
+ a href="#best-practices" {
+ span class=secno "4.12.5.1.22"
+ - " Best practices"
+ }
+ }
+ li {
+ a href="#examples" {
+ span class=secno "4.12.5.1.23"
+ - " Examples"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-imagebitmap-rendering-context" {
+ span class=secno "4.12.5.2"
+ - " The "
+ code ImageBitmap
+ - " rendering context"
+ }
+ ol {
+ li {
+ a href="#introduction-6" {
+ span class=secno "4.12.5.2.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#the-imagebitmaprenderingcontext-interface" {
+ span class=secno "4.12.5.2.2"
+ - " The "
+ code ImageBitmapRenderingContext
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-offscreencanvas-interface" {
+ span class=secno "4.12.5.3"
+ - " The "
+ code OffscreenCanvas
+ - " interface"
+ }
+ ol {
+ li {
+ a href="#the-offscreen-2d-rendering-context" {
+ span class=secno "4.12.5.3.1"
+ - " The offscreen 2D rendering context"
+ }
+ }
+ }
+ }
+ li {
+ a href="#colour-spaces-and-colour-correction" {
+ span class=secno "4.12.5.4"
+ - " Color spaces and color space conversion"
+ }
+ }
+ li {
+ a href="#serialising-bitmaps-to-a-file" {
+ span class=secno "4.12.5.5"
+ - " Serializing bitmaps to a file"
+ }
+ }
+ li {
+ a href="#security-with-canvas-elements" {
+ span class=secno "4.12.5.6"
+ - " Security with "
+ code canvas
+ - " elements"
+ }
+ }
+ li {
+ a href="#premultiplied-alpha-and-the-2d-rendering-context" {
+ span class=secno "4.12.5.7"
+ - " Premultiplied alpha and the 2D rendering context"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#custom-elements" {
+ span class=secno "4.13"
+ - " Custom elements"
+ }
+ ol {
+ li {
+ a href="#custom-elements-intro" {
+ span class=secno "4.13.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#custom-elements-autonomous-example" {
+ span class=secno "4.13.1.1"
+ - " Creating an autonomous custom element"
+ }
+ }
+ li {
+ a href="#custom-elements-face-example" {
+ span class=secno "4.13.1.2"
+ - " Creating a form-associated custom element"
+ }
+ }
+ li {
+ a href="#custom-elements-accessibility-example" {
+ span class=secno "4.13.1.3"
+ - " Creating a custom element with default accessible roles, states, and properties"
+ }
+ }
+ li {
+ a href="#custom-elements-customized-builtin-example" {
+ span class=secno "4.13.1.4"
+ - " Creating a customized built-in element"
+ }
+ }
+ li {
+ a href="#custom-elements-autonomous-drawbacks" {
+ span class=secno "4.13.1.5"
+ - " Drawbacks of autonomous custom elements"
+ }
+ }
+ li {
+ a href="#custom-elements-upgrades-examples" {
+ span class=secno "4.13.1.6"
+ - " Upgrading elements after their creation"
+ }
+ }
+ li {
+ a href="#exposing-custom-element-states" {
+ span class=secno "4.13.1.7"
+ - " Exposing custom element states"
+ }
+ }
+ }
+ }
+ li {
+ a href="#custom-element-conformance" {
+ span class=secno "4.13.2"
+ - " Requirements for custom element constructors and reactions"
+ }
+ }
+ li {
+ a href="#custom-elements-core-concepts" {
+ span class=secno "4.13.3"
+ - " Core concepts"
+ }
+ }
+ li {
+ a href="#custom-elements-api" {
+ span class=secno "4.13.4"
+ - " The "
+ code CustomElementRegistry
+ - " interface"
+ }
+ }
+ li {
+ a href="#upgrades" {
+ span class=secno "4.13.5"
+ - " Upgrades"
+ }
+ }
+ li {
+ a href="#custom-element-reactions" {
+ span class=secno "4.13.6"
+ - " Custom element reactions"
+ }
+ }
+ li {
+ a href="#element-internals" {
+ span class=secno "4.13.7"
+ - " Element internals"
+ }
+ ol {
+ li {
+ a href="#the-elementinternals-interface" {
+ span class=secno "4.13.7.1"
+ - " The "
+ code ElementInternals
+ - " interface"
+ }
+ }
+ li {
+ a href="#shadow-root-access" {
+ span class=secno "4.13.7.2"
+ - " Shadow root access"
+ }
+ }
+ li {
+ a href="#form-associated-custom-elements" {
+ span class=secno "4.13.7.3"
+ - " Form-associated custom elements"
+ }
+ }
+ li {
+ a href="#accessibility-semantics" {
+ span class=secno "4.13.7.4"
+ - " Accessibility semantics"
+ }
+ }
+ li {
+ a href="#custom-state-pseudo-class" {
+ span class=secno "4.13.7.5"
+ - " Custom state pseudo-class"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#common-idioms" {
+ span class=secno "4.14"
+ - " Common idioms without dedicated elements"
+ }
+ ol {
+ li {
+ a href="#rel-up" {
+ span class=secno "4.14.1"
+ - " Breadcrumb navigation"
+ }
+ }
+ li {
+ a href="#tag-clouds" {
+ span class=secno "4.14.2"
+ - " Tag clouds"
+ }
+ }
+ li {
+ a href="#conversations" {
+ span class=secno "4.14.3"
+ - " Conversations"
+ }
+ }
+ li {
+ a href="#footnotes" {
+ span class=secno "4.14.4"
+ - " Footnotes"
+ }
+ }
+ }
+ }
+ li {
+ a href="#disabled-elements" {
+ span class=secno "4.15"
+ - " Disabled elements"
+ }
+ }
+ li {
+ a href="#selectors" {
+ span class=secno "4.16"
+ - " Matching HTML elements using selectors and CSS"
+ }
+ ol {
+ li {
+ a href="#case-sensitivity-of-the-css-'attr()'-function" {
+ span class=secno "4.16.1"
+ - " Case-sensitivity of the CSS 'attr()' function"
+ }
+ }
+ li {
+ a href="#case-sensitivity-of-selectors" {
+ span class=secno "4.16.2"
+ - " Case-sensitivity of selectors"
+ }
+ }
+ li {
+ a href="#pseudo-classes" {
+ span class=secno "4.16.3"
+ - " Pseudo-classes"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-microdata {
+ a href="#microdata" {
+ span class=secno "5"
+ - " Microdata"
+ }
+ ol {
+ li {
+ a href="#introduction-7" {
+ span class=secno "5.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#overview" {
+ span class=secno "5.1.1"
+ - " Overview"
+ }
+ }
+ li {
+ a href="#the-basic-syntax" {
+ span class=secno "5.1.2"
+ - " The basic syntax"
+ }
+ }
+ li {
+ a href="#typed-items" {
+ span class=secno "5.1.3"
+ - " Typed items"
+ }
+ }
+ li {
+ a href="#global-identifiers-for-items" {
+ span class=secno "5.1.4"
+ - " Global identifiers for items"
+ }
+ }
+ li {
+ a href="#selecting-names-when-defining-vocabularies" {
+ span class=secno "5.1.5"
+ - " Selecting names when defining vocabularies"
+ }
+ }
+ }
+ }
+ li {
+ a href="#encoding-microdata" {
+ span class=secno "5.2"
+ - " Encoding microdata"
+ }
+ ol {
+ li {
+ a href="#the-microdata-model" {
+ span class=secno "5.2.1"
+ - " The microdata model"
+ }
+ }
+ li {
+ a href="#items" {
+ span class=secno "5.2.2"
+ - " Items"
+ }
+ }
+ li {
+ a href="#names:-the-itemprop-attribute" {
+ span class=secno "5.2.3"
+ - " Names: the "
+ code itemprop
+ - " attribute"
+ }
+ }
+ li {
+ a href="#values" {
+ span class=secno "5.2.4"
+ - " Values"
+ }
+ }
+ li {
+ a href="#associating-names-with-items" {
+ span class=secno "5.2.5"
+ - " Associating names with items"
+ }
+ }
+ li {
+ a href="#microdata-and-other-namespaces" {
+ span class=secno "5.2.6"
+ - " Microdata and other namespaces"
+ }
+ }
+ }
+ }
+ li {
+ a href="#mdvocabs" {
+ span class=secno "5.3"
+ - " Sample microdata vocabularies"
+ }
+ ol {
+ li {
+ a href="#vcard" {
+ span class=secno "5.3.1"
+ - " vCard"
+ }
+ ol {
+ li {
+ a href="#conversion-to-vcard" {
+ span class=secno "5.3.1.1"
+ - " Conversion to vCard"
+ }
+ }
+ li {
+ a href="#examples-2" {
+ span class=secno "5.3.1.2"
+ - " Examples"
+ }
+ }
+ }
+ }
+ li {
+ a href="#vevent" {
+ span class=secno "5.3.2"
+ - " vEvent"
+ }
+ ol {
+ li {
+ a href="#conversion-to-icalendar" {
+ span class=secno "5.3.2.1"
+ - " Conversion to iCalendar"
+ }
+ }
+ li {
+ a href="#examples-3" {
+ span class=secno "5.3.2.2"
+ - " Examples"
+ }
+ }
+ }
+ }
+ li {
+ a href="#licensing-works" {
+ span class=secno "5.3.3"
+ - " Licensing works"
+ }
+ ol {
+ li {
+ a href="#examples-4" {
+ span class=secno "5.3.3.1"
+ - " Examples"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#converting-html-to-other-formats" {
+ span class=secno "5.4"
+ - " Converting HTML to other formats"
+ }
+ ol {
+ li {
+ a href="#json" {
+ span class=secno "5.4.1"
+ - " JSON"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-editing {
+ a href="#editing" {
+ span class=secno "6"
+ - " User interaction"
+ }
+ ol {
+ li {
+ a href="#the-hidden-attribute" {
+ span class=secno "6.1"
+ - " The "
+ code hidden
+ - " attribute"
+ }
+ }
+ li {
+ a href="#page-visibility" {
+ span class=secno "6.2"
+ - " Page visibility"
+ }
+ ol {
+ li {
+ a href="#the-visibilitystateentry-interface" {
+ span class=secno "6.2.1"
+ - " The "
+ code VisibilityStateEntry
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#inert-subtrees" {
+ span class=secno "6.3"
+ - " Inert subtrees"
+ }
+ ol {
+ li {
+ a href="#modal-dialogs-and-inert-subtrees" {
+ span class=secno "6.3.1"
+ - " Modal dialogs and inert subtrees"
+ }
+ }
+ li {
+ a href="#the-inert-attribute" {
+ span class=secno "6.3.2"
+ - " The "
+ code inert
+ - " attribute"
+ }
+ }
+ }
+ }
+ li {
+ a href="#tracking-user-activation" {
+ span class=secno "6.4"
+ - " Tracking user activation"
+ }
+ ol {
+ li {
+ a href="#user-activation-data-model" {
+ span class=secno "6.4.1"
+ - " Data model"
+ }
+ }
+ li {
+ a href="#user-activation-processing-model" {
+ span class=secno "6.4.2"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#user-activation-gated-apis" {
+ span class=secno "6.4.3"
+ - " APIs gated by user activation"
+ }
+ }
+ li {
+ a href="#the-useractivation-interface" {
+ span class=secno "6.4.4"
+ - " The "
+ code UserActivation
+ - " interface"
+ }
+ }
+ li {
+ a href="#user-activation-user-agent-automation" {
+ span class=secno "6.4.5"
+ - " User agent automation"
+ }
+ }
+ }
+ }
+ li {
+ a href="#activation" {
+ span class=secno "6.5"
+ - " Activation behavior of elements"
+ }
+ ol {
+ li {
+ a href="#the-toggleevent-interface" {
+ span class=secno "6.5.1"
+ - " The "
+ code ToggleEvent
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#focus" {
+ span class=secno "6.6"
+ - " Focus"
+ }
+ ol {
+ li {
+ a href="#introduction-8" {
+ span class=secno "6.6.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#data-model" {
+ span class=secno "6.6.2"
+ - " Data model"
+ }
+ }
+ li {
+ a href="#the-tabindex-attribute" {
+ span class=secno "6.6.3"
+ - " The "
+ code tabindex
+ - " attribute"
+ }
+ }
+ li {
+ a href="#focus-processing-model" {
+ span class=secno "6.6.4"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#sequential-focus-navigation" {
+ span class=secno "6.6.5"
+ - " Sequential focus navigation"
+ }
+ }
+ li {
+ a href="#focus-management-apis" {
+ span class=secno "6.6.6"
+ - " Focus management APIs"
+ }
+ }
+ li {
+ a href="#the-autofocus-attribute" {
+ span class=secno "6.6.7"
+ - " The "
+ code autofocus
+ - " attribute"
+ }
+ }
+ }
+ }
+ li {
+ a href="#assigning-keyboard-shortcuts" {
+ span class=secno "6.7"
+ - " Assigning keyboard shortcuts"
+ }
+ ol {
+ li {
+ a href="#introduction-9" {
+ span class=secno "6.7.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#the-accesskey-attribute" {
+ span class=secno "6.7.2"
+ - " The "
+ code accesskey
+ - " attribute"
+ }
+ }
+ li {
+ a href="#keyboard-shortcuts-processing-model" {
+ span class=secno "6.7.3"
+ - " Processing model"
+ }
+ }
+ }
+ }
+ li {
+ a href="#editing-2" {
+ span class=secno "6.8"
+ - " Editing"
+ }
+ ol {
+ li {
+ a href="#contenteditable" {
+ span class=secno "6.8.1"
+ - " Making document regions editable: The "
+ code contenteditable
+ - " content attribute"
+ }
+ }
+ li {
+ a href="#making-entire-documents-editable:-the-designmode-idl-attribute" {
+ span class=secno "6.8.2"
+ - " Making entire documents editable: the "
+ code designMode
+ - " getter and setter"
+ }
+ }
+ li {
+ a href="#best-practices-for-in-page-editors" {
+ span class=secno "6.8.3"
+ - " Best practices for in-page editors"
+ }
+ }
+ li {
+ a href="#editing-apis" {
+ span class=secno "6.8.4"
+ - " Editing APIs"
+ }
+ }
+ li {
+ a href="#spelling-and-grammar-checking" {
+ span class=secno "6.8.5"
+ - " Spelling and grammar checking"
+ }
+ }
+ li {
+ a href="#writing-suggestions" {
+ span class=secno "6.8.6"
+ - " Writing suggestions"
+ }
+ }
+ li {
+ a href="#autocapitalization" {
+ span class=secno "6.8.7"
+ - " Autocapitalization"
+ }
+ }
+ li {
+ a href="#autocorrection" {
+ span class=secno "6.8.8"
+ - " Autocorrection"
+ }
+ }
+ li {
+ a href="#input-modalities:-the-inputmode-attribute" {
+ span class=secno "6.8.9"
+ - " Input modalities: the "
+ code inputmode
+ - " attribute"
+ }
+ }
+ li {
+ a href="#input-modalities:-the-enterkeyhint-attribute" {
+ span class=secno "6.8.10"
+ - " Input modalities: the "
+ code enterkeyhint
+ - " attribute"
+ }
+ }
+ }
+ }
+ li {
+ a href="#find-in-page" {
+ span class=secno "6.9"
+ - " Find-in-page"
+ }
+ ol {
+ li {
+ a href="#introduction-10" {
+ span class=secno "6.9.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#interaction-with-details-and-hidden=until-found" {
+ span class=secno "6.9.2"
+ - " Interaction with "
+ code details
+ - " and "
+ code "hidden=until-found"
+ }
+ }
+ li {
+ a href="#interaction-with-selection" {
+ span class=secno "6.9.3"
+ - " Interaction with selection"
+ }
+ }
+ }
+ }
+ li {
+ a href="#close-requests-and-close-watchers" {
+ span class=secno "6.10"
+ - " Close requests and close watchers"
+ }
+ ol {
+ li {
+ a href="#close-requests" {
+ span class=secno "6.10.1"
+ - " Close requests"
+ }
+ }
+ li {
+ a href="#close-watcher-infrastructure" {
+ span class=secno "6.10.2"
+ - " Close watcher infrastructure"
+ }
+ }
+ li {
+ a href="#the-closewatcher-interface" {
+ span class=secno "6.10.3"
+ - " The "
+ code CloseWatcher
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#dnd" {
+ span class=secno "6.11"
+ - " Drag and drop"
+ }
+ ol {
+ li {
+ a href="#event-drag" {
+ span class=secno "6.11.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#the-drag-data-store" {
+ span class=secno "6.11.2"
+ - " The drag data store"
+ }
+ }
+ li {
+ a href="#the-datatransfer-interface" {
+ span class=secno "6.11.3"
+ - " The "
+ code DataTransfer
+ - " interface"
+ }
+ ol {
+ li {
+ a href="#the-datatransferitemlist-interface" {
+ span class=secno "6.11.3.1"
+ - " The "
+ code DataTransferItemList
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-datatransferitem-interface" {
+ span class=secno "6.11.3.2"
+ - " The "
+ code DataTransferItem
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-dragevent-interface" {
+ span class=secno "6.11.4"
+ - " The "
+ code DragEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#drag-and-drop-processing-model" {
+ span class=secno "6.11.5"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#dndevents" {
+ span class=secno "6.11.6"
+ - " Events summary"
+ }
+ }
+ li {
+ a href="#the-draggable-attribute" {
+ span class=secno "6.11.7"
+ - " The "
+ code draggable
+ - " attribute"
+ }
+ }
+ li {
+ a href="#security-risks-in-the-drag-and-drop-model" {
+ span class=secno "6.11.8"
+ - " Security risks in the drag-and-drop model"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-popover-attribute" {
+ span class=secno "6.12"
+ - " The "
+ code popover
+ - " attribute"
+ }
+ ol {
+ li {
+ a href="#the-popover-target-attributes" {
+ span class=secno "6.12.1"
+ - " The popover target attributes"
+ }
+ }
+ li {
+ a href="#popover-light-dismiss" {
+ span class=secno "6.12.2"
+ - " Popover light dismiss"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-browsers {
+ a href="#browsers" {
+ span class=secno "7"
+ - " Loading web pages"
+ }
+ ol {
+ li {
+ a href="#loading-web-pages-supporting-concepts" {
+ span class=secno "7.1"
+ - " Supporting concepts"
+ }
+ ol {
+ li {
+ a href="#origin" {
+ span class=secno "7.1.1"
+ - " Origins"
+ }
+ ol {
+ li {
+ a href="#sites" {
+ span class=secno "7.1.1.1"
+ - " Sites"
+ }
+ }
+ li {
+ a href="#relaxing-the-same-origin-restriction" {
+ span class=secno "7.1.1.2"
+ - " Relaxing the same-origin restriction"
+ }
+ }
+ }
+ }
+ li {
+ a href="#origin-keyed-agent-clusters" {
+ span class=secno "7.1.2"
+ - " Origin-keyed agent clusters"
+ }
+ }
+ li {
+ a href="#cross-origin-opener-policies" {
+ span class=secno "7.1.3"
+ - " Cross-origin opener policies"
+ }
+ ol {
+ li {
+ a href="#the-coop-headers" {
+ span class=secno "7.1.3.1"
+ - " The headers"
+ }
+ }
+ li {
+ a href="#browsing-context-group-switches-due-to-cross-origin-opener-policy" {
+ span class=secno "7.1.3.2"
+ - " Browsing context group switches due to opener policy"
+ }
+ }
+ li {
+ a href="#coop-reporting" {
+ span class=secno "7.1.3.3"
+ - " Reporting"
+ }
+ }
+ }
+ }
+ li {
+ a href="#coep" {
+ span class=secno "7.1.4"
+ - " Cross-origin embedder policies"
+ }
+ ol {
+ li {
+ a href="#the-coep-headers" {
+ span class=secno "7.1.4.1"
+ - " The headers"
+ }
+ }
+ li {
+ a href="#embedder-policy-checks" {
+ span class=secno "7.1.4.2"
+ - " Embedder policy checks"
+ }
+ }
+ }
+ }
+ li {
+ a href="#sandboxing" {
+ span class=secno "7.1.5"
+ - " Sandboxing"
+ }
+ }
+ li {
+ a href="#policy-containers" {
+ span class=secno "7.1.6"
+ - " Policy containers"
+ }
+ }
+ }
+ }
+ li {
+ a href="#nav-traversal-apis" {
+ span class=secno "7.2"
+ - " APIs related to navigation and session history"
+ }
+ ol {
+ li {
+ a href="#cross-origin-objects" {
+ span class=secno "7.2.1"
+ - " Security infrastructure for "
+ code Window
+ - ", "
+ code WindowProxy
+ - ", and "
+ code Location
+ - " objects"
+ }
+ ol {
+ li {
+ a href="#integration-with-idl" {
+ span class=secno "7.2.1.1"
+ - " Integration with IDL"
+ }
+ }
+ li {
+ a href="#shared-internal-slot:-crossoriginpropertydescriptormap" {
+ span class=secno "7.2.1.2"
+ - " Shared internal slot: [[CrossOriginPropertyDescriptorMap]]"
+ }
+ }
+ li {
+ a href="#shared-abstract-operations" {
+ span class=secno "7.2.1.3"
+ - " Shared abstract operations"
+ }
+ ol {
+ li {
+ a href="#crossoriginproperties-(-o-)" {
+ span class=secno "7.2.1.3.1"
+ - " CrossOriginProperties ( "
+ var O
+ - " )"
+ }
+ }
+ li {
+ a href="#crossoriginpropertyfallback-(-p-)" {
+ span class=secno "7.2.1.3.2"
+ - " CrossOriginPropertyFallback ( "
+ var P
+ - " )"
+ }
+ }
+ li {
+ a href="#isplatformobjectsameorigin-(-o-)" {
+ span class=secno "7.2.1.3.3"
+ - " IsPlatformObjectSameOrigin ( "
+ var O
+ - " )"
+ }
+ }
+ li {
+ a href="#crossorigingetownpropertyhelper-(-o,-p-)" {
+ span class=secno "7.2.1.3.4"
+ - " CrossOriginGetOwnPropertyHelper ( "
+ var O
+ - ", "
+ var P
+ - " )"
+ }
+ }
+ li {
+ a href="#crossoriginget-(-o,-p,-receiver-)" {
+ span class=secno "7.2.1.3.5"
+ - " CrossOriginGet ( "
+ var O
+ - ", "
+ var P
+ - ", "
+ var Receiver
+ - " )"
+ }
+ }
+ li {
+ a href="#crossoriginset-(-o,-p,-v,-receiver-)" {
+ span class=secno "7.2.1.3.6"
+ - " CrossOriginSet ( "
+ var O
+ - ", "
+ var P
+ - ", "
+ var V
+ - ", "
+ var Receiver
+ - " )"
+ }
+ }
+ li {
+ a href="#crossoriginownpropertykeys-(-o-)" {
+ span class=secno "7.2.1.3.7"
+ - " CrossOriginOwnPropertyKeys ( "
+ var O
+ - " )"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-window-object" {
+ span class=secno "7.2.2"
+ - " The "
+ code Window
+ - " object"
+ }
+ ol {
+ li {
+ a href="#apis-for-creating-and-navigating-browsing-contexts-by-name" {
+ span class=secno "7.2.2.1"
+ - " Opening and closing windows"
+ }
+ }
+ li {
+ a href="#accessing-other-browsing-contexts" {
+ span class=secno "7.2.2.2"
+ - " Indexed access on the "
+ code Window
+ - " object"
+ }
+ }
+ li {
+ a href="#named-access-on-the-window-object" {
+ span class=secno "7.2.2.3"
+ - " Named access on the "
+ code Window
+ - " object"
+ }
+ }
+ li {
+ a href="#navigating-nested-browsing-contexts-in-the-dom" {
+ span class=secno "7.2.2.4"
+ - " Accessing related windows"
+ }
+ }
+ li {
+ a href="#browser-interface-elements" {
+ span class=secno "7.2.2.5"
+ - " Historical browser interface element APIs"
+ }
+ }
+ li {
+ a href="#script-settings-for-window-objects" {
+ span class=secno "7.2.2.6"
+ - " Script settings for "
+ code Window
+ - " objects"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-windowproxy-exotic-object" {
+ span class=secno "7.2.3"
+ - " The "
+ code WindowProxy
+ - " exotic object"
+ }
+ ol {
+ li {
+ a href="#windowproxy-getprototypeof" {
+ span class=secno "7.2.3.1"
+ - " [[GetPrototypeOf]] ( )"
+ }
+ }
+ li {
+ a href="#windowproxy-setprototypeof" {
+ span class=secno "7.2.3.2"
+ - " [[SetPrototypeOf]] ( "
+ var V
+ - " )"
+ }
+ }
+ li {
+ a href="#windowproxy-isextensible" {
+ span class=secno "7.2.3.3"
+ - " [[IsExtensible]] ( )"
+ }
+ }
+ li {
+ a href="#windowproxy-preventextensions" {
+ span class=secno "7.2.3.4"
+ - " [[PreventExtensions]] ( )"
+ }
+ }
+ li {
+ a href="#windowproxy-getownproperty" {
+ span class=secno "7.2.3.5"
+ - " [[GetOwnProperty]] ( "
+ var P
+ - " )"
+ }
+ }
+ li {
+ a href="#windowproxy-defineownproperty" {
+ span class=secno "7.2.3.6"
+ - " [[DefineOwnProperty]] ( "
+ var P
+ - ", "
+ var Desc
+ - " )"
+ }
+ }
+ li {
+ a href="#windowproxy-get" {
+ span class=secno "7.2.3.7"
+ - " [[Get]] ( "
+ var P
+ - ", "
+ var Receiver
+ - " )"
+ }
+ }
+ li {
+ a href="#windowproxy-set" {
+ span class=secno "7.2.3.8"
+ - " [[Set]] ( "
+ var P
+ - ", "
+ var V
+ - ", "
+ var Receiver
+ - " )"
+ }
+ }
+ li {
+ a href="#windowproxy-delete" {
+ span class=secno "7.2.3.9"
+ - " [[Delete]] ( "
+ var P
+ - " )"
+ }
+ }
+ li {
+ a href="#windowproxy-ownpropertykeys" {
+ span class=secno "7.2.3.10"
+ - " [[OwnPropertyKeys]] ( )"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-location-interface" {
+ span class=secno "7.2.4"
+ - " The "
+ code Location
+ - " interface"
+ }
+ ol {
+ li {
+ a href="#location-getprototypeof" {
+ span class=secno "7.2.4.1"
+ - " [[GetPrototypeOf]] ( )"
+ }
+ }
+ li {
+ a href="#location-setprototypeof" {
+ span class=secno "7.2.4.2"
+ - " [[SetPrototypeOf]] ( "
+ var V
+ - " )"
+ }
+ }
+ li {
+ a href="#location-isextensible" {
+ span class=secno "7.2.4.3"
+ - " [[IsExtensible]] ( )"
+ }
+ }
+ li {
+ a href="#location-preventextensions" {
+ span class=secno "7.2.4.4"
+ - " [[PreventExtensions]] ( )"
+ }
+ }
+ li {
+ a href="#location-getownproperty" {
+ span class=secno "7.2.4.5"
+ - " [[GetOwnProperty]] ( "
+ var P
+ - " )"
+ }
+ }
+ li {
+ a href="#location-defineownproperty" {
+ span class=secno "7.2.4.6"
+ - " [[DefineOwnProperty]] ( "
+ var P
+ - ", "
+ var Desc
+ - " )"
+ }
+ }
+ li {
+ a href="#location-get" {
+ span class=secno "7.2.4.7"
+ - " [[Get]] ( "
+ var P
+ - ", "
+ var Receiver
+ - " )"
+ }
+ }
+ li {
+ a href="#location-set" {
+ span class=secno "7.2.4.8"
+ - " [[Set]] ( "
+ var P
+ - ", "
+ var V
+ - ", "
+ var Receiver
+ - " )"
+ }
+ }
+ li {
+ a href="#location-delete" {
+ span class=secno "7.2.4.9"
+ - " [[Delete]] ( "
+ var P
+ - " )"
+ }
+ }
+ li {
+ a href="#location-ownpropertykeys" {
+ span class=secno "7.2.4.10"
+ - " [[OwnPropertyKeys]] ( )"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-history-interface" {
+ span class=secno "7.2.5"
+ - " The "
+ code History
+ - " interface"
+ }
+ }
+ li {
+ a href="#navigation-api" {
+ span class=secno "7.2.6"
+ - " The navigation API"
+ }
+ ol {
+ li {
+ a href="#navigation-api-intro" {
+ span class=secno "7.2.6.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#navigation-interface" {
+ span class=secno "7.2.6.2"
+ - " The "
+ code Navigation
+ - " interface"
+ }
+ }
+ li {
+ a href="#navigation-api-core" {
+ span class=secno "7.2.6.3"
+ - " Core infrastructure"
+ }
+ }
+ li {
+ a href="#navigation-api-entry-updates" {
+ span class=secno "7.2.6.4"
+ - " Initializing and updating the entry list"
+ }
+ }
+ li {
+ a href="#the-navigationhistoryentry-interface" {
+ span class=secno "7.2.6.5"
+ - " The "
+ code NavigationHistoryEntry
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-history-entry-list" {
+ span class=secno "7.2.6.6"
+ - " The history entry list"
+ }
+ }
+ li {
+ a href="#navigation-api-initiating-navigations" {
+ span class=secno "7.2.6.7"
+ - " Initiating navigations"
+ }
+ }
+ li {
+ a href="#ongoing-navigation-tracking" {
+ span class=secno "7.2.6.8"
+ - " Ongoing navigation tracking"
+ }
+ }
+ li {
+ a href="#navigation-activation-interface" {
+ span class=secno "7.2.6.9"
+ - " The "
+ code NavigationActivation
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-navigate-event" {
+ span class=secno "7.2.6.10"
+ - " The "
+ code navigate
+ - " event"
+ }
+ ol {
+ li {
+ a href="#the-navigateevent-interface" {
+ span class=secno "7.2.6.10.1"
+ - " The "
+ code NavigateEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-navigationdestination-interface" {
+ span class=secno "7.2.6.10.2"
+ - " The "
+ code NavigationDestination
+ - " interface"
+ }
+ }
+ li {
+ a href="#navigate-event-firing" {
+ span class=secno "7.2.6.10.3"
+ - " Firing the event"
+ }
+ }
+ li {
+ a href="#navigate-event-scroll-focus" {
+ span class=secno "7.2.6.10.4"
+ - " Scroll and focus behavior"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#nav-traversal-event-interfaces" {
+ span class=secno "7.2.7"
+ - " Event interfaces"
+ }
+ ol {
+ li {
+ a href="#the-navigationcurrententrychangeevent-interface" {
+ span class=secno "7.2.7.1"
+ - " The "
+ code NavigationCurrentEntryChangeEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-popstateevent-interface" {
+ span class=secno "7.2.7.2"
+ - " The "
+ code PopStateEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-hashchangeevent-interface" {
+ span class=secno "7.2.7.3"
+ - " The "
+ code HashChangeEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-pageswapevent-interface" {
+ span class=secno "7.2.7.4"
+ - " The "
+ code PageSwapEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-pagerevealevent-interface" {
+ span class=secno "7.2.7.5"
+ - " The "
+ code PageRevealEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-pagetransitionevent-interface" {
+ span class=secno "7.2.7.6"
+ - " The "
+ code PageTransitionEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-beforeunloadevent-interface" {
+ span class=secno "7.2.7.7"
+ - " The "
+ code BeforeUnloadEvent
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-notrestoredreasons-interface" {
+ span class=secno "7.2.8"
+ - " The "
+ code NotRestoredReasons
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#infrastructure-for-sequences-of-documents" {
+ span class=secno "7.3"
+ - " Infrastructure for sequences of documents"
+ }
+ ol {
+ li {
+ a href="#navigables" {
+ span class=secno "7.3.1"
+ - " Navigables"
+ }
+ ol {
+ li {
+ a href="#traversable-navigables" {
+ span class=secno "7.3.1.1"
+ - " Traversable navigables"
+ }
+ }
+ li {
+ a href="#top-level-traversables" {
+ span class=secno "7.3.1.2"
+ - " Top-level traversables"
+ }
+ }
+ li {
+ a href="#child-navigables" {
+ span class=secno "7.3.1.3"
+ - " Child navigables"
+ }
+ }
+ li {
+ a href="#jake-diagrams" {
+ span class=secno "7.3.1.4"
+ - " Jake diagrams"
+ }
+ }
+ li {
+ a href="#related-navigable-collections" {
+ span class=secno "7.3.1.5"
+ - " Related navigable collections"
+ }
+ }
+ li {
+ a href="#garbage-collection-and-browsing-contexts" {
+ span class=secno "7.3.1.6"
+ - " Navigable destruction"
+ }
+ }
+ li {
+ a href="#navigable-target-names" {
+ span class=secno "7.3.1.7"
+ - " Navigable target names"
+ }
+ }
+ }
+ }
+ li {
+ a href="#windows" {
+ span class=secno "7.3.2"
+ - " Browsing contexts"
+ }
+ ol {
+ li {
+ a href="#creating-browsing-contexts" {
+ span class=secno "7.3.2.1"
+ - " Creating browsing contexts"
+ }
+ }
+ li {
+ a href="#nested-browsing-contexts" {
+ span class=secno "7.3.2.2"
+ - " Related browsing contexts"
+ }
+ }
+ li {
+ a href="#groupings-of-browsing-contexts" {
+ span class=secno "7.3.2.3"
+ - " Groupings of browsing contexts"
+ }
+ }
+ }
+ }
+ li {
+ a href="#fully-active-documents" {
+ span class=secno "7.3.3"
+ - " Fully active documents"
+ }
+ }
+ }
+ }
+ li {
+ a href="#navigation-and-session-history" {
+ span class=secno "7.4"
+ - " Navigation and session history"
+ }
+ ol {
+ li {
+ a href="#session-history-infrastructure" {
+ span class=secno "7.4.1"
+ - " Session history"
+ }
+ ol {
+ li {
+ a href="#session-history-entries" {
+ span class=secno "7.4.1.1"
+ - " Session history entries"
+ }
+ }
+ li {
+ a href="#document-state" {
+ span class=secno "7.4.1.2"
+ - " Document state"
+ }
+ }
+ li {
+ a href="#centralized-modifications-of-session-history" {
+ span class=secno "7.4.1.3"
+ - " Centralized modifications of session history"
+ }
+ }
+ li {
+ a href="#low-level-operations-on-session-history" {
+ span class=secno "7.4.1.4"
+ - " Low-level operations on session history"
+ }
+ }
+ }
+ }
+ li {
+ a href="#navigating-across-documents" {
+ span class=secno "7.4.2"
+ - " Navigation"
+ }
+ ol {
+ li {
+ a href="#navigation-supporting-concepts" {
+ span class=secno "7.4.2.1"
+ - " Supporting concepts"
+ }
+ }
+ li {
+ a href="#beginning-navigation" {
+ span class=secno "7.4.2.2"
+ - " Beginning navigation"
+ }
+ }
+ li {
+ a href="#ending-navigation" {
+ span class=secno "7.4.2.3"
+ - " Ending navigation"
+ }
+ ol {
+ li {
+ a href="#the-usual-cross-document-navigation-case" {
+ span class=secno "7.4.2.3.1"
+ - " The usual cross-document navigation case"
+ }
+ }
+ li {
+ a href="#the-javascript:-url-special-case" {
+ span class=secno "7.4.2.3.2"
+ - " The "
+ code javascript:
+ - " URL special case"
+ }
+ }
+ li {
+ a href="#scroll-to-fragid" {
+ span class=secno "7.4.2.3.3"
+ - " Fragment navigations"
+ }
+ }
+ li {
+ a href="#non-fetch-schemes-and-external-software" {
+ span class=secno "7.4.2.3.4"
+ - " Non-fetch schemes and external software"
+ }
+ }
+ }
+ }
+ li {
+ a href="#preventing-navigation" {
+ span class=secno "7.4.2.4"
+ - " Preventing navigation"
+ }
+ }
+ li {
+ a href="#aborting-navigation" {
+ span class=secno "7.4.2.5"
+ - " Aborting navigation"
+ }
+ }
+ }
+ }
+ li {
+ a href="#reloading-and-traversing" {
+ span class=secno "7.4.3"
+ - " Reloading and traversing"
+ }
+ }
+ li {
+ a href="#navigate-non-frag-sync" {
+ span class=secno "7.4.4"
+ - " Non-fragment synchronous \"navigations\""
+ }
+ }
+ li {
+ a href="#populating-a-session-history-entry" {
+ span class=secno "7.4.5"
+ - " Populating a session history entry"
+ }
+ }
+ li {
+ a href="#applying-the-history-step" {
+ span class=secno "7.4.6"
+ - " Applying the history step"
+ }
+ ol {
+ li {
+ a href="#updating-the-traversable" {
+ span class=secno "7.4.6.1"
+ - " Updating the traversable"
+ }
+ }
+ li {
+ a href="#updating-the-document" {
+ span class=secno "7.4.6.2"
+ - " Updating the document"
+ }
+ }
+ li {
+ a href="#revealing-the-document" {
+ span class=secno "7.4.6.3"
+ - " Revealing the document"
+ }
+ }
+ li {
+ a href="#scrolling-to-a-fragment" {
+ span class=secno "7.4.6.4"
+ - " Scrolling to a fragment"
+ }
+ }
+ li {
+ a href="#persisted-user-state-restoration" {
+ span class=secno "7.4.6.5"
+ - " Persisted history entry state"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#document-lifecycle" {
+ span class=secno "7.5"
+ - " Document lifecycle"
+ }
+ ol {
+ li {
+ a href="#shared-document-creation-infrastructure" {
+ span class=secno "7.5.1"
+ - " Shared document creation infrastructure"
+ }
+ }
+ li {
+ a href="#read-html" {
+ span class=secno "7.5.2"
+ - " Loading HTML documents"
+ }
+ }
+ li {
+ a href="#read-xml" {
+ span class=secno "7.5.3"
+ - " Loading XML documents"
+ }
+ }
+ li {
+ a href="#read-text" {
+ span class=secno "7.5.4"
+ - " Loading text documents"
+ }
+ }
+ li {
+ a href="#read-multipart-x-mixed-replace" {
+ span class=secno "7.5.5"
+ - " Loading "
+ code "multipart/x-mixed-replace"
+ - " documents"
+ }
+ }
+ li {
+ a href="#read-media" {
+ span class=secno "7.5.6"
+ - " Loading media documents"
+ }
+ }
+ li {
+ a href="#read-ua-inline" {
+ span class=secno "7.5.7"
+ - " Loading a document for inline content that doesn't have a DOM"
+ }
+ }
+ li {
+ a href="#loading-documents" {
+ span class=secno "7.5.8"
+ - " Finishing the loading process"
+ }
+ }
+ li {
+ a href="#unloading-documents" {
+ span class=secno "7.5.9"
+ - " Unloading documents"
+ }
+ }
+ li {
+ a href="#destroying-documents" {
+ span class=secno "7.5.10"
+ - " Destroying documents"
+ }
+ }
+ li {
+ a href="#aborting-a-document-load" {
+ span class=secno "7.5.11"
+ - " Aborting a document load"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-x-frame-options-header" {
+ span class=secno "7.6"
+ - " The `"
+ code X-Frame-Options
+ - "` header"
+ }
+ }
+ li {
+ a href="#the-refresh-header" {
+ span class=secno "7.7"
+ - " The `"
+ code Refresh
+ - "` header"
+ }
+ }
+ li {
+ a href="#nav-traversal-ui" {
+ span class=secno "7.8"
+ - " Browser user interface considerations"
+ }
+ }
+ }
+ }
+ li id=toc-webappapis {
+ a href="#webappapis" {
+ span class=secno "8"
+ - " Web application APIs"
+ }
+ ol {
+ li {
+ a href="#scripting" {
+ span class=secno "8.1"
+ - " Scripting"
+ }
+ ol {
+ li {
+ a href="#introduction-11" {
+ span class=secno "8.1.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#agents-and-agent-clusters" {
+ span class=secno "8.1.2"
+ - " Agents and agent clusters"
+ }
+ ol {
+ li {
+ a href="#integration-with-the-javascript-agent-formalism" {
+ span class=secno "8.1.2.1"
+ - " Integration with the JavaScript agent formalism"
+ }
+ }
+ li {
+ a href="#integration-with-the-javascript-agent-cluster-formalism" {
+ span class=secno "8.1.2.2"
+ - " Integration with the JavaScript agent cluster formalism"
+ }
+ }
+ }
+ }
+ li {
+ a href="#realms-and-their-counterparts" {
+ span class=secno "8.1.3"
+ - " Realms and their counterparts"
+ }
+ ol {
+ li {
+ a href="#environments" {
+ span class=secno "8.1.3.1"
+ - " Environments"
+ }
+ }
+ li {
+ a href="#environment-settings-objects" {
+ span class=secno "8.1.3.2"
+ - " Environment settings objects"
+ }
+ }
+ li {
+ a href="#realms-settings-objects-global-objects" {
+ span class=secno "8.1.3.3"
+ - " Realms, settings objects, and global objects"
+ }
+ ol {
+ li {
+ a href="#entry" {
+ span class=secno "8.1.3.3.1"
+ - " Entry"
+ }
+ }
+ li {
+ a href="#incumbent" {
+ span class=secno "8.1.3.3.2"
+ - " Incumbent"
+ }
+ }
+ li {
+ a href="#current" {
+ span class=secno "8.1.3.3.3"
+ - " Current"
+ }
+ }
+ li {
+ a href="#relevant" {
+ span class=secno "8.1.3.3.4"
+ - " Relevant"
+ }
+ }
+ }
+ }
+ li {
+ a href="#enabling-and-disabling-scripting" {
+ span class=secno "8.1.3.4"
+ - " Enabling and disabling scripting"
+ }
+ }
+ li {
+ a href="#secure-contexts" {
+ span class=secno "8.1.3.5"
+ - " Secure contexts"
+ }
+ }
+ }
+ }
+ li {
+ a href="#scripting-processing-model" {
+ span class=secno "8.1.4"
+ - " Script processing model"
+ }
+ ol {
+ li {
+ a href="#script-structs" {
+ span class=secno "8.1.4.1"
+ - " Scripts"
+ }
+ }
+ li {
+ a href="#fetching-scripts" {
+ span class=secno "8.1.4.2"
+ - " Fetching scripts"
+ }
+ }
+ li {
+ a href="#creating-scripts" {
+ span class=secno "8.1.4.3"
+ - " Creating scripts"
+ }
+ }
+ li {
+ a href="#calling-scripts" {
+ span class=secno "8.1.4.4"
+ - " Calling scripts"
+ }
+ }
+ li {
+ a href="#killing-scripts" {
+ span class=secno "8.1.4.5"
+ - " Killing scripts"
+ }
+ }
+ li {
+ a href="#runtime-script-errors" {
+ span class=secno "8.1.4.6"
+ - " Runtime script errors"
+ }
+ }
+ li {
+ a href="#unhandled-promise-rejections" {
+ span class=secno "8.1.4.7"
+ - " Unhandled promise rejections"
+ }
+ }
+ li {
+ a href="#import-map-parse-results" {
+ span class=secno "8.1.4.8"
+ - " Import map parse results"
+ }
+ }
+ }
+ }
+ li {
+ a href="#module-specifier-resolution" {
+ span class=secno "8.1.5"
+ - " Module specifier resolution"
+ }
+ ol {
+ li {
+ a href="#the-resolution-algorithm" {
+ span class=secno "8.1.5.1"
+ - " The resolution algorithm"
+ }
+ }
+ li {
+ a href="#import-maps" {
+ span class=secno "8.1.5.2"
+ - " Import maps"
+ }
+ }
+ li {
+ a href="#import-map-processing-model" {
+ span class=secno "8.1.5.3"
+ - " Import map processing model"
+ }
+ }
+ }
+ }
+ li {
+ a href="#javascript-specification-host-hooks" {
+ span class=secno "8.1.6"
+ - " JavaScript specification host hooks"
+ }
+ ol {
+ li {
+ a href="#the-hostensurecanaddprivateelement-implementation" {
+ span class=secno "8.1.6.1"
+ - " HostEnsureCanAddPrivateElement("
+ var O
+ - ")"
+ }
+ }
+ li {
+ a href="#hostensurecancompilestrings(realm,-parameterstrings,-bodystring,-codestring,-compilationtype,-parameterargs,-bodyarg)" {
+ span class=secno "8.1.6.2"
+ - " HostEnsureCanCompileStrings("
+ var realm
+ - ", "
+ var parameterStrings
+ - ", "
+ var bodyString
+ - ", "
+ var codeString
+ - ", "
+ var compilationType
+ - ", "
+ var parameterArgs
+ - ", "
+ var bodyArg
+ - ")"
+ }
+ }
+ li {
+ a href="#hostgetcodeforeval(argument)" {
+ span class=secno "8.1.6.3"
+ - " HostGetCodeForEval("
+ var argument
+ - ")"
+ }
+ }
+ li {
+ a href="#the-hostpromiserejectiontracker-implementation" {
+ span class=secno "8.1.6.4"
+ - " HostPromiseRejectionTracker("
+ var promise
+ - ", "
+ var operation
+ - ")"
+ }
+ }
+ li {
+ a href="#hostsystemutcepochnanoseconds" {
+ span class=secno "8.1.6.5"
+ - " HostSystemUTCEpochNanoseconds("
+ var global
+ - ")"
+ }
+ }
+ li {
+ a href="#integration-with-javascript-jobs" {
+ span class=secno "8.1.6.6"
+ - " Job-related host hooks"
+ }
+ ol {
+ li {
+ a href="#hostcalljobcallback" {
+ span class=secno "8.1.6.6.1"
+ - " HostCallJobCallback("
+ var callback
+ - ", "
+ var V
+ - ", "
+ var argumentsList
+ - ")"
+ }
+ }
+ li {
+ a href="#hostenqueuefinalizationregistrycleanupjob" {
+ span class=secno "8.1.6.6.2"
+ - " HostEnqueueFinalizationRegistryCleanupJob("
+ var finalizationRegistry
+ - ")"
+ }
+ }
+ li {
+ a href="#hostenqueuegenericjob" {
+ span class=secno "8.1.6.6.3"
+ - " HostEnqueueGenericJob("
+ var job
+ - ", "
+ var realm
+ - ")"
+ }
+ }
+ li {
+ a href="#hostenqueuepromisejob" {
+ span class=secno "8.1.6.6.4"
+ - " HostEnqueuePromiseJob("
+ var job
+ - ", "
+ var realm
+ - ")"
+ }
+ }
+ li {
+ a href="#hostenqueuetimeoutjob" {
+ span class=secno "8.1.6.6.5"
+ - " HostEnqueueTimeoutJob("
+ var job
+ - ", "
+ var realm
+ - ", "
+ var milliseconds
+ - ")"
+ }
+ }
+ li {
+ a href="#hostmakejobcallback" {
+ span class=secno "8.1.6.6.6"
+ - " HostMakeJobCallback("
+ var callable
+ - ")"
+ }
+ }
+ }
+ }
+ li {
+ a href="#integration-with-the-javascript-module-system" {
+ span class=secno "8.1.6.7"
+ - " Module-related host hooks"
+ }
+ ol {
+ li {
+ a href="#hostgetimportmetaproperties" {
+ span class=secno "8.1.6.7.1"
+ - " HostGetImportMetaProperties("
+ var moduleRecord
+ - ")"
+ }
+ }
+ li {
+ a href="#hostgetsupportedimportattributes" {
+ span class=secno "8.1.6.7.2"
+ - " HostGetSupportedImportAttributes()"
+ }
+ }
+ li {
+ a href="#hostloadimportedmodule" {
+ span class=secno "8.1.6.7.3"
+ - " HostLoadImportedModule("
+ var referrer
+ - ", "
+ var moduleRequest
+ - ", "
+ var loadState
+ - ", "
+ var payload
+ - ")"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#event-loops" {
+ span class=secno "8.1.7"
+ - " Event loops"
+ }
+ ol {
+ li {
+ a href="#definitions-3" {
+ span class=secno "8.1.7.1"
+ - " Definitions"
+ }
+ }
+ li {
+ a href="#queuing-tasks" {
+ span class=secno "8.1.7.2"
+ - " Queuing tasks"
+ }
+ }
+ li {
+ a href="#event-loop-processing-model" {
+ span class=secno "8.1.7.3"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#generic-task-sources" {
+ span class=secno "8.1.7.4"
+ - " Generic task sources"
+ }
+ }
+ li {
+ a href="#event-loop-for-spec-authors" {
+ span class=secno "8.1.7.5"
+ - " Dealing with the event loop from other specifications"
+ }
+ }
+ }
+ }
+ li {
+ a href="#events" {
+ span class=secno "8.1.8"
+ - " Events"
+ }
+ ol {
+ li {
+ a href="#event-handler-attributes" {
+ span class=secno "8.1.8.1"
+ - " Event handlers"
+ }
+ }
+ li {
+ a href="#event-handlers-on-elements,-document-objects,-and-window-objects" {
+ span class=secno "8.1.8.2"
+ - " Event handlers on elements, "
+ code Document
+ - " objects, and "
+ code Window
+ - " objects"
+ }
+ ol {
+ li {
+ a href="#idl-definitions" {
+ span class=secno "8.1.8.2.1"
+ - " IDL definitions"
+ }
+ }
+ }
+ }
+ li {
+ a href="#event-firing" {
+ span class=secno "8.1.8.3"
+ - " Event firing"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#windoworworkerglobalscope-mixin" {
+ span class=secno "8.2"
+ - " The "
+ code WindowOrWorkerGlobalScope
+ - " mixin"
+ }
+ }
+ li {
+ a href="#atob" {
+ span class=secno "8.3"
+ - " Base64 utility methods"
+ }
+ }
+ li {
+ a href="#dynamic-markup-insertion" {
+ span class=secno "8.4"
+ - " Dynamic markup insertion"
+ }
+ ol {
+ li {
+ a href="#opening-the-input-stream" {
+ span class=secno "8.4.1"
+ - " Opening the input stream"
+ }
+ }
+ li {
+ a href="#closing-the-input-stream" {
+ span class=secno "8.4.2"
+ - " Closing the input stream"
+ }
+ }
+ li {
+ a href="#document.write()" {
+ span class=secno "8.4.3"
+ code "document.write()"
+ }
+ }
+ li {
+ a href="#document.writeln()" {
+ span class=secno "8.4.4"
+ code "document.writeln()"
+ }
+ }
+ }
+ }
+ li {
+ a href="#dom-parsing-and-serialization" {
+ span class=secno "8.5"
+ - " DOM parsing and serialization APIs"
+ }
+ ol {
+ li {
+ a href="#the-domparser-interface" {
+ span class=secno "8.5.1"
+ - " The "
+ code DOMParser
+ - " interface"
+ }
+ }
+ li {
+ a href="#unsafe-html-parsing-methods" {
+ span class=secno "8.5.2"
+ - " Unsafe HTML parsing methods"
+ }
+ }
+ li {
+ a href="#html-serialization-methods" {
+ span class=secno "8.5.3"
+ - " HTML serialization methods"
+ }
+ }
+ li {
+ a href="#the-innerhtml-property" {
+ span class=secno "8.5.4"
+ - " The "
+ code innerHTML
+ - " property"
+ }
+ }
+ li {
+ a href="#the-outerhtml-property" {
+ span class=secno "8.5.5"
+ - " The "
+ code outerHTML
+ - " property"
+ }
+ }
+ li {
+ a href="#the-insertadjacenthtml()-method" {
+ span class=secno "8.5.6"
+ - " The "
+ code "insertAdjacentHTML()"
+ - " method"
+ }
+ }
+ li {
+ a href="#the-createcontextualfragment()-method" {
+ span class=secno "8.5.7"
+ - " The "
+ code "createContextualFragment()"
+ - " method"
+ }
+ }
+ }
+ }
+ li {
+ a href="#timers" {
+ span class=secno "8.6"
+ - " Timers"
+ }
+ }
+ li {
+ a href="#microtask-queuing" {
+ span class=secno "8.7"
+ - " Microtask queuing"
+ }
+ }
+ li {
+ a href="#user-prompts" {
+ span class=secno "8.8"
+ - " User prompts"
+ }
+ ol {
+ li {
+ a href="#simple-dialogs" {
+ span class=secno "8.8.1"
+ - " Simple dialogs"
+ }
+ }
+ li {
+ a href="#printing" {
+ span class=secno "8.8.2"
+ - " Printing"
+ }
+ }
+ }
+ }
+ li {
+ a href="#system-state-and-capabilities" {
+ span class=secno "8.9"
+ - " System state and capabilities"
+ }
+ ol {
+ li {
+ a href="#the-navigator-object" {
+ span class=secno "8.9.1"
+ - " The "
+ code Navigator
+ - " object"
+ }
+ ol {
+ li {
+ a href="#client-identification" {
+ span class=secno "8.9.1.1"
+ - " Client identification"
+ }
+ }
+ li {
+ a href="#language-preferences" {
+ span class=secno "8.9.1.2"
+ - " Language preferences"
+ }
+ }
+ li {
+ a href="#navigator.online" {
+ span class=secno "8.9.1.3"
+ - " Browser state"
+ }
+ }
+ li {
+ a href="#custom-handlers" {
+ span class=secno "8.9.1.4"
+ - " Custom scheme handlers: the "
+ code "registerProtocolHandler()"
+ - " method"
+ }
+ ol {
+ li {
+ a href="#security-and-privacy" {
+ span class=secno "8.9.1.4.1"
+ - " Security and privacy"
+ }
+ }
+ li {
+ a href="#user-agent-automation" {
+ span class=secno "8.9.1.4.2"
+ - " User agent automation"
+ }
+ }
+ }
+ }
+ li {
+ a href="#cookies" {
+ span class=secno "8.9.1.5"
+ - " Cookies"
+ }
+ }
+ li {
+ a href="#pdf-viewing-support" {
+ span class=secno "8.9.1.6"
+ - " PDF viewing support"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#images-2" {
+ span class=secno "8.10"
+ - " Images"
+ }
+ }
+ li {
+ a href="#animation-frames" {
+ span class=secno "8.11"
+ - " Animation frames"
+ }
+ }
+ }
+ }
+ li id=toc-comms {
+ a href="#comms" {
+ span class=secno "9"
+ - " Communication"
+ }
+ ol {
+ li {
+ a href="#the-messageevent-interface" {
+ span class=secno "9.1"
+ - " The "
+ code MessageEvent
+ - " interface"
+ }
+ }
+ li {
+ a href="#server-sent-events" {
+ span class=secno "9.2"
+ - " Server-sent events"
+ }
+ ol {
+ li {
+ a href="#server-sent-events-intro" {
+ span class=secno "9.2.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#the-eventsource-interface" {
+ span class=secno "9.2.2"
+ - " The "
+ code EventSource
+ - " interface"
+ }
+ }
+ li {
+ a href="#sse-processing-model" {
+ span class=secno "9.2.3"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#the-last-event-id-header" {
+ span class=secno "9.2.4"
+ - " The `"
+ code Last-Event-ID
+ - "` header"
+ }
+ }
+ li {
+ a href="#parsing-an-event-stream" {
+ span class=secno "9.2.5"
+ - " Parsing an event stream"
+ }
+ }
+ li {
+ a href="#event-stream-interpretation" {
+ span class=secno "9.2.6"
+ - " Interpreting an event stream"
+ }
+ }
+ li {
+ a href="#authoring-notes" {
+ span class=secno "9.2.7"
+ - " Authoring notes"
+ }
+ }
+ li {
+ a href="#eventsource-push" {
+ span class=secno "9.2.8"
+ - " Connectionless push and other features"
+ }
+ }
+ li {
+ a href="#garbage-collection" {
+ span class=secno "9.2.9"
+ - " Garbage collection"
+ }
+ }
+ li {
+ a href="#implementation-advice" {
+ span class=secno "9.2.10"
+ - " Implementation advice"
+ }
+ }
+ }
+ }
+ li {
+ a href="#web-messaging" {
+ span class=secno "9.3"
+ - " Cross-document messaging"
+ }
+ ol {
+ li {
+ a href="#introduction-12" {
+ span class=secno "9.3.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#security-postmsg" {
+ span class=secno "9.3.2"
+ - " Security"
+ }
+ ol {
+ li {
+ a href="#authors" {
+ span class=secno "9.3.2.1"
+ - " Authors"
+ }
+ }
+ li {
+ a href="#user-agents" {
+ span class=secno "9.3.2.2"
+ - " User agents"
+ }
+ }
+ }
+ }
+ li {
+ a href="#posting-messages" {
+ span class=secno "9.3.3"
+ - " Posting messages"
+ }
+ }
+ }
+ }
+ li {
+ a href="#channel-messaging" {
+ span class=secno "9.4"
+ - " Channel messaging"
+ }
+ ol {
+ li {
+ a href="#introduction-13" {
+ span class=secno "9.4.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#examples-5" {
+ span class=secno "9.4.1.1"
+ - " Examples"
+ }
+ }
+ li {
+ a href="#ports-as-the-basis-of-an-object-capability-model-on-the-web" {
+ span class=secno "9.4.1.2"
+ - " Ports as the basis of an object-capability model on the web"
+ }
+ }
+ li {
+ a href="#ports-as-the-basis-of-abstracting-out-service-implementations" {
+ span class=secno "9.4.1.3"
+ - " Ports as the basis of abstracting out service implementations"
+ }
+ }
+ }
+ }
+ li {
+ a href="#message-channels" {
+ span class=secno "9.4.2"
+ - " Message channels"
+ }
+ }
+ li {
+ a href="#the-messageeventtarget-mixin" {
+ span class=secno "9.4.3"
+ - " The "
+ code MessageEventTarget
+ - " mixin"
+ }
+ }
+ li {
+ a href="#message-ports" {
+ span class=secno "9.4.4"
+ - " Message ports"
+ }
+ }
+ li {
+ a href="#ports-and-garbage-collection" {
+ span class=secno "9.4.5"
+ - " Ports and garbage collection"
+ }
+ }
+ }
+ }
+ li {
+ a href="#broadcasting-to-other-browsing-contexts" {
+ span class=secno "9.5"
+ - " Broadcasting to other browsing contexts"
+ }
+ }
+ }
+ }
+ li id=toc-workers {
+ a href="#workers" {
+ span class=secno "10"
+ - " Web workers"
+ }
+ ol {
+ li {
+ a href="#introduction-14" {
+ span class=secno "10.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#scope-2" {
+ span class=secno "10.1.1"
+ - " Scope"
+ }
+ }
+ li {
+ a href="#examples-6" {
+ span class=secno "10.1.2"
+ - " Examples"
+ }
+ ol {
+ li {
+ a href="#a-background-number-crunching-worker" {
+ span class=secno "10.1.2.1"
+ - " A background number-crunching worker"
+ }
+ }
+ li {
+ a href="#module-worker-example" {
+ span class=secno "10.1.2.2"
+ - " Using a JavaScript module as a worker"
+ }
+ }
+ li {
+ a href="#shared-workers-introduction" {
+ span class=secno "10.1.2.3"
+ - " Shared workers introduction"
+ }
+ }
+ li {
+ a href="#shared-state-using-a-shared-worker" {
+ span class=secno "10.1.2.4"
+ - " Shared state using a shared worker"
+ }
+ }
+ li {
+ a href="#delegation" {
+ span class=secno "10.1.2.5"
+ - " Delegation"
+ }
+ }
+ li {
+ a href="#providing-libraries" {
+ span class=secno "10.1.2.6"
+ - " Providing libraries"
+ }
+ }
+ }
+ }
+ li {
+ a href="#tutorials" {
+ span class=secno "10.1.3"
+ - " Tutorials"
+ }
+ ol {
+ li {
+ a href="#creating-a-dedicated-worker" {
+ span class=secno "10.1.3.1"
+ - " Creating a dedicated worker"
+ }
+ }
+ li {
+ a href="#communicating-with-a-dedicated-worker" {
+ span class=secno "10.1.3.2"
+ - " Communicating with a dedicated worker"
+ }
+ }
+ li {
+ a href="#shared-workers" {
+ span class=secno "10.1.3.3"
+ - " Shared workers"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#infrastructure-2" {
+ span class=secno "10.2"
+ - " Infrastructure"
+ }
+ ol {
+ li {
+ a href="#the-global-scope" {
+ span class=secno "10.2.1"
+ - " The global scope"
+ }
+ ol {
+ li {
+ a href="#the-workerglobalscope-common-interface" {
+ span class=secno "10.2.1.1"
+ - " The "
+ code WorkerGlobalScope
+ - " common interface"
+ }
+ }
+ li {
+ a href="#dedicated-workers-and-the-dedicatedworkerglobalscope-interface" {
+ span class=secno "10.2.1.2"
+ - " Dedicated workers and the "
+ code DedicatedWorkerGlobalScope
+ - " interface"
+ }
+ }
+ li {
+ a href="#shared-workers-and-the-sharedworkerglobalscope-interface" {
+ span class=secno "10.2.1.3"
+ - " Shared workers and the "
+ code SharedWorkerGlobalScope
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#worker-event-loop" {
+ span class=secno "10.2.2"
+ - " The event loop"
+ }
+ }
+ li {
+ a href="#the-worker's-lifetime" {
+ span class=secno "10.2.3"
+ - " The worker's lifetime"
+ }
+ }
+ li {
+ a href="#worker-processing-model" {
+ span class=secno "10.2.4"
+ - " Processing model"
+ }
+ }
+ li {
+ a href="#runtime-script-errors-2" {
+ span class=secno "10.2.5"
+ - " Runtime script errors"
+ }
+ }
+ li {
+ a href="#creating-workers" {
+ span class=secno "10.2.6"
+ - " Creating workers"
+ }
+ ol {
+ li {
+ a href="#the-abstractworker-mixin" {
+ span class=secno "10.2.6.1"
+ - " The "
+ code AbstractWorker
+ - " mixin"
+ }
+ }
+ li {
+ a href="#script-settings-for-workers" {
+ span class=secno "10.2.6.2"
+ - " Script settings for workers"
+ }
+ }
+ li {
+ a href="#dedicated-workers-and-the-worker-interface" {
+ span class=secno "10.2.6.3"
+ - " Dedicated workers and the "
+ code Worker
+ - " interface"
+ }
+ }
+ li {
+ a href="#shared-workers-and-the-sharedworker-interface" {
+ span class=secno "10.2.6.4"
+ - " Shared workers and the "
+ code SharedWorker
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#navigator.hardwareconcurrency" {
+ span class=secno "10.2.7"
+ - " Concurrent hardware capabilities"
+ }
+ }
+ }
+ }
+ li {
+ a href="#apis-available-to-workers" {
+ span class=secno "10.3"
+ - " APIs available to workers"
+ }
+ ol {
+ li {
+ a href="#importing-scripts-and-libraries" {
+ span class=secno "10.3.1"
+ - " Importing scripts and libraries"
+ }
+ }
+ li {
+ a href="#the-workernavigator-object" {
+ span class=secno "10.3.2"
+ - " The "
+ code WorkerNavigator
+ - " interface"
+ }
+ }
+ li {
+ a href="#worker-locations" {
+ span class=secno "10.3.3"
+ - " The "
+ code WorkerLocation
+ - " interface"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-worklets {
+ a href="#worklets" {
+ span class=secno "11"
+ - " Worklets"
+ }
+ ol {
+ li {
+ a href="#worklets-intro" {
+ span class=secno "11.1"
+ - " Introduction"
+ }
+ ol {
+ li {
+ a href="#worklets-motivations" {
+ span class=secno "11.1.1"
+ - " Motivations"
+ }
+ }
+ li {
+ a href="#worklets-idempotent" {
+ span class=secno "11.1.2"
+ - " Code idempotence"
+ }
+ }
+ li {
+ a href="#worklets-speculative" {
+ span class=secno "11.1.3"
+ - " Speculative evaluation"
+ }
+ }
+ }
+ }
+ li {
+ a href="#worklets-examples" {
+ span class=secno "11.2"
+ - " Examples"
+ }
+ ol {
+ li {
+ a href="#worklets-examples-loading" {
+ span class=secno "11.2.1"
+ - " Loading scripts"
+ }
+ }
+ li {
+ a href="#worklets-example-registering" {
+ span class=secno "11.2.2"
+ - " Registering a class and invoking its methods"
+ }
+ }
+ }
+ }
+ li {
+ a href="#worklets-infrastructure" {
+ span class=secno "11.3"
+ - " Infrastructure"
+ }
+ ol {
+ li {
+ a href="#worklets-global" {
+ span class=secno "11.3.1"
+ - " The global scope"
+ }
+ ol {
+ li {
+ a href="#worklet-agents-and-event-loops" {
+ span class=secno "11.3.1.1"
+ - " Agents and event loops"
+ }
+ }
+ li {
+ a href="#worklets-creation-termination" {
+ span class=secno "11.3.1.2"
+ - " Creation and termination"
+ }
+ }
+ li {
+ a href="#script-settings-for-worklets" {
+ span class=secno "11.3.1.3"
+ - " Script settings for worklets"
+ }
+ }
+ }
+ }
+ li {
+ a href="#worklets-worklet" {
+ span class=secno "11.3.2"
+ - " The "
+ code Worklet
+ - " class"
+ }
+ }
+ li {
+ a href="#worklets-lifetime" {
+ span class=secno "11.3.3"
+ - " The worklet's lifetime"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-webstorage {
+ a href="#webstorage" {
+ span class=secno "12"
+ - " Web storage"
+ }
+ ol {
+ li {
+ a href="#introduction-15" {
+ span class=secno "12.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#storage" {
+ span class=secno "12.2"
+ - " The API"
+ }
+ ol {
+ li {
+ a href="#the-storage-interface" {
+ span class=secno "12.2.1"
+ - " The "
+ code Storage
+ - " interface"
+ }
+ }
+ li {
+ a href="#the-sessionstorage-attribute" {
+ span class=secno "12.2.2"
+ - " The "
+ code sessionStorage
+ - " getter"
+ }
+ }
+ li {
+ a href="#the-localstorage-attribute" {
+ span class=secno "12.2.3"
+ - " The "
+ code localStorage
+ - " getter"
+ }
+ }
+ li {
+ a href="#the-storageevent-interface" {
+ span class=secno "12.2.4"
+ - " The "
+ code StorageEvent
+ - " interface"
+ }
+ }
+ }
+ }
+ li {
+ a href="#privacy" {
+ span class=secno "12.3"
+ - " Privacy"
+ }
+ ol {
+ li {
+ a href="#user-tracking" {
+ span class=secno "12.3.1"
+ - " User tracking"
+ }
+ }
+ li {
+ a href="#sensitivity-of-data" {
+ span class=secno "12.3.2"
+ - " Sensitivity of data"
+ }
+ }
+ }
+ }
+ li {
+ a href="#security-storage" {
+ span class=secno "12.4"
+ - " Security"
+ }
+ ol {
+ li {
+ a href="#dns-spoofing-attacks" {
+ span class=secno "12.4.1"
+ - " DNS spoofing attacks"
+ }
+ }
+ li {
+ a href="#cross-directory-attacks" {
+ span class=secno "12.4.2"
+ - " Cross-directory attacks"
+ }
+ }
+ li {
+ a href="#implementation-risks" {
+ span class=secno "12.4.3"
+ - " Implementation risks"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-syntax {
+ a href="#syntax" {
+ span class=secno "13"
+ - " The HTML syntax"
+ }
+ ol {
+ li {
+ a href="#writing" {
+ span class=secno "13.1"
+ - " Writing HTML documents"
+ }
+ ol {
+ li {
+ a href="#the-doctype" {
+ span class=secno "13.1.1"
+ - " The DOCTYPE"
+ }
+ }
+ li {
+ a href="#elements-2" {
+ span class=secno "13.1.2"
+ - " Elements"
+ }
+ ol {
+ li {
+ a href="#start-tags" {
+ span class=secno "13.1.2.1"
+ - " Start tags"
+ }
+ }
+ li {
+ a href="#end-tags" {
+ span class=secno "13.1.2.2"
+ - " End tags"
+ }
+ }
+ li {
+ a href="#attributes-2" {
+ span class=secno "13.1.2.3"
+ - " Attributes"
+ }
+ }
+ li {
+ a href="#optional-tags" {
+ span class=secno "13.1.2.4"
+ - " Optional tags"
+ }
+ }
+ li {
+ a href="#element-restrictions" {
+ span class=secno "13.1.2.5"
+ - " Restrictions on content models"
+ }
+ }
+ li {
+ a href="#cdata-rcdata-restrictions" {
+ span class=secno "13.1.2.6"
+ - " Restrictions on the contents of raw text and escapable raw text elements"
+ }
+ }
+ }
+ }
+ li {
+ a href="#text-2" {
+ span class=secno "13.1.3"
+ - " Text"
+ }
+ ol {
+ li {
+ a href="#newlines" {
+ span class=secno "13.1.3.1"
+ - " Newlines"
+ }
+ }
+ }
+ }
+ li {
+ a href="#character-references" {
+ span class=secno "13.1.4"
+ - " Character references"
+ }
+ }
+ li {
+ a href="#cdata-sections" {
+ span class=secno "13.1.5"
+ - " CDATA sections"
+ }
+ }
+ li {
+ a href="#comments" {
+ span class=secno "13.1.6"
+ - " Comments"
+ }
+ }
+ }
+ }
+ li {
+ a href="#parsing" {
+ span class=secno "13.2"
+ - " Parsing HTML documents"
+ }
+ ol {
+ li {
+ a href="#overview-of-the-parsing-model" {
+ span class=secno "13.2.1"
+ - " Overview of the parsing model"
+ }
+ }
+ li {
+ a href="#parse-errors" {
+ span class=secno "13.2.2"
+ - " Parse errors"
+ }
+ }
+ li {
+ a href="#the-input-byte-stream" {
+ span class=secno "13.2.3"
+ - " The input byte stream"
+ }
+ ol {
+ li {
+ a href="#parsing-with-a-known-character-encoding" {
+ span class=secno "13.2.3.1"
+ - " Parsing with a known character encoding"
+ }
+ }
+ li {
+ a href="#determining-the-character-encoding" {
+ span class=secno "13.2.3.2"
+ - " Determining the character encoding"
+ }
+ }
+ li {
+ a href="#character-encodings" {
+ span class=secno "13.2.3.3"
+ - " Character encodings"
+ }
+ }
+ li {
+ a href="#changing-the-encoding-while-parsing" {
+ span class=secno "13.2.3.4"
+ - " Changing the encoding while parsing"
+ }
+ }
+ li {
+ a href="#preprocessing-the-input-stream" {
+ span class=secno "13.2.3.5"
+ - " Preprocessing the input stream"
+ }
+ }
+ }
+ }
+ li {
+ a href="#parse-state" {
+ span class=secno "13.2.4"
+ - " Parse state"
+ }
+ ol {
+ li {
+ a href="#the-insertion-mode" {
+ span class=secno "13.2.4.1"
+ - " The insertion mode"
+ }
+ }
+ li {
+ a href="#the-stack-of-open-elements" {
+ span class=secno "13.2.4.2"
+ - " The stack of open elements"
+ }
+ }
+ li {
+ a href="#the-list-of-active-formatting-elements" {
+ span class=secno "13.2.4.3"
+ - " The list of active formatting elements"
+ }
+ }
+ li {
+ a href="#the-element-pointers" {
+ span class=secno "13.2.4.4"
+ - " The element pointers"
+ }
+ }
+ li {
+ a href="#other-parsing-state-flags" {
+ span class=secno "13.2.4.5"
+ - " Other parsing state flags"
+ }
+ }
+ }
+ }
+ li {
+ a href="#tokenization" {
+ span class=secno "13.2.5"
+ - " Tokenization"
+ }
+ ol {
+ li {
+ a href="#data-state" {
+ span class=secno "13.2.5.1"
+ - " Data state"
+ }
+ }
+ li {
+ a href="#rcdata-state" {
+ span class=secno "13.2.5.2"
+ - " RCDATA state"
+ }
+ }
+ li {
+ a href="#rawtext-state" {
+ span class=secno "13.2.5.3"
+ - " RAWTEXT state"
+ }
+ }
+ li {
+ a href="#script-data-state" {
+ span class=secno "13.2.5.4"
+ - " Script data state"
+ }
+ }
+ li {
+ a href="#plaintext-state" {
+ span class=secno "13.2.5.5"
+ - " PLAINTEXT state"
+ }
+ }
+ li {
+ a href="#tag-open-state" {
+ span class=secno "13.2.5.6"
+ - " Tag open state"
+ }
+ }
+ li {
+ a href="#end-tag-open-state" {
+ span class=secno "13.2.5.7"
+ - " End tag open state"
+ }
+ }
+ li {
+ a href="#tag-name-state" {
+ span class=secno "13.2.5.8"
+ - " Tag name state"
+ }
+ }
+ li {
+ a href="#rcdata-less-than-sign-state" {
+ span class=secno "13.2.5.9"
+ - " RCDATA less-than sign state"
+ }
+ }
+ li {
+ a href="#rcdata-end-tag-open-state" {
+ span class=secno "13.2.5.10"
+ - " RCDATA end tag open state"
+ }
+ }
+ li {
+ a href="#rcdata-end-tag-name-state" {
+ span class=secno "13.2.5.11"
+ - " RCDATA end tag name state"
+ }
+ }
+ li {
+ a href="#rawtext-less-than-sign-state" {
+ span class=secno "13.2.5.12"
+ - " RAWTEXT less-than sign state"
+ }
+ }
+ li {
+ a href="#rawtext-end-tag-open-state" {
+ span class=secno "13.2.5.13"
+ - " RAWTEXT end tag open state"
+ }
+ }
+ li {
+ a href="#rawtext-end-tag-name-state" {
+ span class=secno "13.2.5.14"
+ - " RAWTEXT end tag name state"
+ }
+ }
+ li {
+ a href="#script-data-less-than-sign-state" {
+ span class=secno "13.2.5.15"
+ - " Script data less-than sign state"
+ }
+ }
+ li {
+ a href="#script-data-end-tag-open-state" {
+ span class=secno "13.2.5.16"
+ - " Script data end tag open state"
+ }
+ }
+ li {
+ a href="#script-data-end-tag-name-state" {
+ span class=secno "13.2.5.17"
+ - " Script data end tag name state"
+ }
+ }
+ li {
+ a href="#script-data-escape-start-state" {
+ span class=secno "13.2.5.18"
+ - " Script data escape start state"
+ }
+ }
+ li {
+ a href="#script-data-escape-start-dash-state" {
+ span class=secno "13.2.5.19"
+ - " Script data escape start dash state"
+ }
+ }
+ li {
+ a href="#script-data-escaped-state" {
+ span class=secno "13.2.5.20"
+ - " Script data escaped state"
+ }
+ }
+ li {
+ a href="#script-data-escaped-dash-state" {
+ span class=secno "13.2.5.21"
+ - " Script data escaped dash state"
+ }
+ }
+ li {
+ a href="#script-data-escaped-dash-dash-state" {
+ span class=secno "13.2.5.22"
+ - " Script data escaped dash dash state"
+ }
+ }
+ li {
+ a href="#script-data-escaped-less-than-sign-state" {
+ span class=secno "13.2.5.23"
+ - " Script data escaped less-than sign state"
+ }
+ }
+ li {
+ a href="#script-data-escaped-end-tag-open-state" {
+ span class=secno "13.2.5.24"
+ - " Script data escaped end tag open state"
+ }
+ }
+ li {
+ a href="#script-data-escaped-end-tag-name-state" {
+ span class=secno "13.2.5.25"
+ - " Script data escaped end tag name state"
+ }
+ }
+ li {
+ a href="#script-data-double-escape-start-state" {
+ span class=secno "13.2.5.26"
+ - " Script data double escape start state"
+ }
+ }
+ li {
+ a href="#script-data-double-escaped-state" {
+ span class=secno "13.2.5.27"
+ - " Script data double escaped state"
+ }
+ }
+ li {
+ a href="#script-data-double-escaped-dash-state" {
+ span class=secno "13.2.5.28"
+ - " Script data double escaped dash state"
+ }
+ }
+ li {
+ a href="#script-data-double-escaped-dash-dash-state" {
+ span class=secno "13.2.5.29"
+ - " Script data double escaped dash dash state"
+ }
+ }
+ li {
+ a href="#script-data-double-escaped-less-than-sign-state" {
+ span class=secno "13.2.5.30"
+ - " Script data double escaped less-than sign state"
+ }
+ }
+ li {
+ a href="#script-data-double-escape-end-state" {
+ span class=secno "13.2.5.31"
+ - " Script data double escape end state"
+ }
+ }
+ li {
+ a href="#before-attribute-name-state" {
+ span class=secno "13.2.5.32"
+ - " Before attribute name state"
+ }
+ }
+ li {
+ a href="#attribute-name-state" {
+ span class=secno "13.2.5.33"
+ - " Attribute name state"
+ }
+ }
+ li {
+ a href="#after-attribute-name-state" {
+ span class=secno "13.2.5.34"
+ - " After attribute name state"
+ }
+ }
+ li {
+ a href="#before-attribute-value-state" {
+ span class=secno "13.2.5.35"
+ - " Before attribute value state"
+ }
+ }
+ li {
+ a href="#attribute-value-(double-quoted)-state" {
+ span class=secno "13.2.5.36"
+ - " Attribute value (double-quoted) state"
+ }
+ }
+ li {
+ a href="#attribute-value-(single-quoted)-state" {
+ span class=secno "13.2.5.37"
+ - " Attribute value (single-quoted) state"
+ }
+ }
+ li {
+ a href="#attribute-value-(unquoted)-state" {
+ span class=secno "13.2.5.38"
+ - " Attribute value (unquoted) state"
+ }
+ }
+ li {
+ a href="#after-attribute-value-(quoted)-state" {
+ span class=secno "13.2.5.39"
+ - " After attribute value (quoted) state"
+ }
+ }
+ li {
+ a href="#self-closing-start-tag-state" {
+ span class=secno "13.2.5.40"
+ - " Self-closing start tag state"
+ }
+ }
+ li {
+ a href="#bogus-comment-state" {
+ span class=secno "13.2.5.41"
+ - " Bogus comment state"
+ }
+ }
+ li {
+ a href="#markup-declaration-open-state" {
+ span class=secno "13.2.5.42"
+ - " Markup declaration open state"
+ }
+ }
+ li {
+ a href="#comment-start-state" {
+ span class=secno "13.2.5.43"
+ - " Comment start state"
+ }
+ }
+ li {
+ a href="#comment-start-dash-state" {
+ span class=secno "13.2.5.44"
+ - " Comment start dash state"
+ }
+ }
+ li {
+ a href="#comment-state" {
+ span class=secno "13.2.5.45"
+ - " Comment state"
+ }
+ }
+ li {
+ a href="#comment-less-than-sign-state" {
+ span class=secno "13.2.5.46"
+ - " Comment less-than sign state"
+ }
+ }
+ li {
+ a href="#comment-less-than-sign-bang-state" {
+ span class=secno "13.2.5.47"
+ - " Comment less-than sign bang state"
+ }
+ }
+ li {
+ a href="#comment-less-than-sign-bang-dash-state" {
+ span class=secno "13.2.5.48"
+ - " Comment less-than sign bang dash state"
+ }
+ }
+ li {
+ a href="#comment-less-than-sign-bang-dash-dash-state" {
+ span class=secno "13.2.5.49"
+ - " Comment less-than sign bang dash dash state"
+ }
+ }
+ li {
+ a href="#comment-end-dash-state" {
+ span class=secno "13.2.5.50"
+ - " Comment end dash state"
+ }
+ }
+ li {
+ a href="#comment-end-state" {
+ span class=secno "13.2.5.51"
+ - " Comment end state"
+ }
+ }
+ li {
+ a href="#comment-end-bang-state" {
+ span class=secno "13.2.5.52"
+ - " Comment end bang state"
+ }
+ }
+ li {
+ a href="#doctype-state" {
+ span class=secno "13.2.5.53"
+ - " DOCTYPE state"
+ }
+ }
+ li {
+ a href="#before-doctype-name-state" {
+ span class=secno "13.2.5.54"
+ - " Before DOCTYPE name state"
+ }
+ }
+ li {
+ a href="#doctype-name-state" {
+ span class=secno "13.2.5.55"
+ - " DOCTYPE name state"
+ }
+ }
+ li {
+ a href="#after-doctype-name-state" {
+ span class=secno "13.2.5.56"
+ - " After DOCTYPE name state"
+ }
+ }
+ li {
+ a href="#after-doctype-public-keyword-state" {
+ span class=secno "13.2.5.57"
+ - " After DOCTYPE public keyword state"
+ }
+ }
+ li {
+ a href="#before-doctype-public-identifier-state" {
+ span class=secno "13.2.5.58"
+ - " Before DOCTYPE public identifier state"
+ }
+ }
+ li {
+ a href="#doctype-public-identifier-(double-quoted)-state" {
+ span class=secno "13.2.5.59"
+ - " DOCTYPE public identifier (double-quoted) state"
+ }
+ }
+ li {
+ a href="#doctype-public-identifier-(single-quoted)-state" {
+ span class=secno "13.2.5.60"
+ - " DOCTYPE public identifier (single-quoted) state"
+ }
+ }
+ li {
+ a href="#after-doctype-public-identifier-state" {
+ span class=secno "13.2.5.61"
+ - " After DOCTYPE public identifier state"
+ }
+ }
+ li {
+ a href="#between-doctype-public-and-system-identifiers-state" {
+ span class=secno "13.2.5.62"
+ - " Between DOCTYPE public and system identifiers state"
+ }
+ }
+ li {
+ a href="#after-doctype-system-keyword-state" {
+ span class=secno "13.2.5.63"
+ - " After DOCTYPE system keyword state"
+ }
+ }
+ li {
+ a href="#before-doctype-system-identifier-state" {
+ span class=secno "13.2.5.64"
+ - " Before DOCTYPE system identifier state"
+ }
+ }
+ li {
+ a href="#doctype-system-identifier-(double-quoted)-state" {
+ span class=secno "13.2.5.65"
+ - " DOCTYPE system identifier (double-quoted) state"
+ }
+ }
+ li {
+ a href="#doctype-system-identifier-(single-quoted)-state" {
+ span class=secno "13.2.5.66"
+ - " DOCTYPE system identifier (single-quoted) state"
+ }
+ }
+ li {
+ a href="#after-doctype-system-identifier-state" {
+ span class=secno "13.2.5.67"
+ - " After DOCTYPE system identifier state"
+ }
+ }
+ li {
+ a href="#bogus-doctype-state" {
+ span class=secno "13.2.5.68"
+ - " Bogus DOCTYPE state"
+ }
+ }
+ li {
+ a href="#cdata-section-state" {
+ span class=secno "13.2.5.69"
+ - " CDATA section state"
+ }
+ }
+ li {
+ a href="#cdata-section-bracket-state" {
+ span class=secno "13.2.5.70"
+ - " CDATA section bracket state"
+ }
+ }
+ li {
+ a href="#cdata-section-end-state" {
+ span class=secno "13.2.5.71"
+ - " CDATA section end state"
+ }
+ }
+ li {
+ a href="#character-reference-state" {
+ span class=secno "13.2.5.72"
+ - " Character reference state"
+ }
+ }
+ li {
+ a href="#named-character-reference-state" {
+ span class=secno "13.2.5.73"
+ - " Named character reference state"
+ }
+ }
+ li {
+ a href="#ambiguous-ampersand-state" {
+ span class=secno "13.2.5.74"
+ - " Ambiguous ampersand state"
+ }
+ }
+ li {
+ a href="#numeric-character-reference-state" {
+ span class=secno "13.2.5.75"
+ - " Numeric character reference state"
+ }
+ }
+ li {
+ a href="#hexadecimal-character-reference-start-state" {
+ span class=secno "13.2.5.76"
+ - " Hexadecimal character reference start state"
+ }
+ }
+ li {
+ a href="#decimal-character-reference-start-state" {
+ span class=secno "13.2.5.77"
+ - " Decimal character reference start state"
+ }
+ }
+ li {
+ a href="#hexadecimal-character-reference-state" {
+ span class=secno "13.2.5.78"
+ - " Hexadecimal character reference state"
+ }
+ }
+ li {
+ a href="#decimal-character-reference-state" {
+ span class=secno "13.2.5.79"
+ - " Decimal character reference state"
+ }
+ }
+ li {
+ a href="#numeric-character-reference-end-state" {
+ span class=secno "13.2.5.80"
+ - " Numeric character reference end state"
+ }
+ }
+ }
+ }
+ li {
+ a href="#tree-construction" {
+ span class=secno "13.2.6"
+ - " Tree construction"
+ }
+ ol {
+ li {
+ a href="#creating-and-inserting-nodes" {
+ span class=secno "13.2.6.1"
+ - " Creating and inserting nodes"
+ }
+ }
+ li {
+ a href="#parsing-elements-that-contain-only-text" {
+ span class=secno "13.2.6.2"
+ - " Parsing elements that contain only text"
+ }
+ }
+ li {
+ a href="#closing-elements-that-have-implied-end-tags" {
+ span class=secno "13.2.6.3"
+ - " Closing elements that have implied end tags"
+ }
+ }
+ li {
+ a href="#parsing-main-inhtml" {
+ span class=secno "13.2.6.4"
+ - " The rules for parsing tokens in HTML content"
+ }
+ ol {
+ li {
+ a href="#the-initial-insertion-mode" {
+ span class=secno "13.2.6.4.1"
+ - " The \"initial\" insertion mode"
+ }
+ }
+ li {
+ a href="#the-before-html-insertion-mode" {
+ span class=secno "13.2.6.4.2"
+ - " The \"before html\" insertion mode"
+ }
+ }
+ li {
+ a href="#the-before-head-insertion-mode" {
+ span class=secno "13.2.6.4.3"
+ - " The \"before head\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-inhead" {
+ span class=secno "13.2.6.4.4"
+ - " The \"in head\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-inheadnoscript" {
+ span class=secno "13.2.6.4.5"
+ - " The \"in head noscript\" insertion mode"
+ }
+ }
+ li {
+ a href="#the-after-head-insertion-mode" {
+ span class=secno "13.2.6.4.6"
+ - " The \"after head\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-inbody" {
+ span class=secno "13.2.6.4.7"
+ - " The \"in body\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-incdata" {
+ span class=secno "13.2.6.4.8"
+ - " The \"text\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-intable" {
+ span class=secno "13.2.6.4.9"
+ - " The \"in table\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-intabletext" {
+ span class=secno "13.2.6.4.10"
+ - " The \"in table text\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-incaption" {
+ span class=secno "13.2.6.4.11"
+ - " The \"in caption\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-incolgroup" {
+ span class=secno "13.2.6.4.12"
+ - " The \"in column group\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-intbody" {
+ span class=secno "13.2.6.4.13"
+ - " The \"in table body\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-intr" {
+ span class=secno "13.2.6.4.14"
+ - " The \"in row\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-intd" {
+ span class=secno "13.2.6.4.15"
+ - " The \"in cell\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-inselect" {
+ span class=secno "13.2.6.4.16"
+ - " The \"in select\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-inselectintable" {
+ span class=secno "13.2.6.4.17"
+ - " The \"in select in table\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-intemplate" {
+ span class=secno "13.2.6.4.18"
+ - " The \"in template\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-afterbody" {
+ span class=secno "13.2.6.4.19"
+ - " The \"after body\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-inframeset" {
+ span class=secno "13.2.6.4.20"
+ - " The \"in frameset\" insertion mode"
+ }
+ }
+ li {
+ a href="#parsing-main-afterframeset" {
+ span class=secno "13.2.6.4.21"
+ - " The \"after frameset\" insertion mode"
+ }
+ }
+ li {
+ a href="#the-after-after-body-insertion-mode" {
+ span class=secno "13.2.6.4.22"
+ - " The \"after after body\" insertion mode"
+ }
+ }
+ li {
+ a href="#the-after-after-frameset-insertion-mode" {
+ span class=secno "13.2.6.4.23"
+ - " The \"after after frameset\" insertion mode"
+ }
+ }
+ }
+ }
+ li {
+ a href="#parsing-main-inforeign" {
+ span class=secno "13.2.6.5"
+ - " The rules for parsing tokens in foreign content"
+ }
+ }
+ }
+ }
+ li {
+ a href="#the-end" {
+ span class=secno "13.2.7"
+ - " The end"
+ }
+ }
+ li {
+ a href="#speculative-html-parsing" {
+ span class=secno "13.2.8"
+ - " Speculative HTML parsing"
+ }
+ }
+ li {
+ a href="#coercing-an-html-dom-into-an-infoset" {
+ span class=secno "13.2.9"
+ - " Coercing an HTML DOM into an infoset"
+ }
+ }
+ li {
+ a href="#an-introduction-to-error-handling-and-strange-cases-in-the-parser" {
+ span class=secno "13.2.10"
+ - " An introduction to error handling and strange cases in the parser"
+ }
+ ol {
+ li {
+ a href="#misnested-tags:-b-i-/b-/i" {
+ span class=secno "13.2.10.1"
+ - " Misnested tags: "
+ }
+ }
+ li {
+ a href="#misnested-tags:-b-p-/b-/p" {
+ span class=secno "13.2.10.2"
+ - " Misnested tags: "
+ }
+ }
+ li {
+ a href="#unexpected-markup-in-tables" {
+ span class=secno "13.2.10.3"
+ - " Unexpected markup in tables"
+ }
+ }
+ li {
+ a href="#scripts-that-modify-the-page-as-it-is-being-parsed" {
+ span class=secno "13.2.10.4"
+ - " Scripts that modify the page as it is being parsed"
+ }
+ }
+ li {
+ a href="#the-execution-of-scripts-that-are-moving-across-multiple-documents" {
+ span class=secno "13.2.10.5"
+ - " The execution of scripts that are moving across multiple documents"
+ }
+ }
+ li {
+ a href="#unclosed-formatting-elements" {
+ span class=secno "13.2.10.6"
+ - " Unclosed formatting elements"
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ a href="#serialising-html-fragments" {
+ span class=secno "13.3"
+ - " Serializing HTML fragments"
+ }
+ }
+ li {
+ a href="#parsing-html-fragments" {
+ span class=secno "13.4"
+ - " Parsing HTML fragments"
+ }
+ }
+ li {
+ a href="#named-character-references" {
+ span class=secno "13.5"
+ - " Named character references"
+ }
+ }
+ }
+ }
+ li id=toc-the-xhtml-syntax {
+ a href="#the-xhtml-syntax" {
+ span class=secno "14"
+ - " The XML syntax"
+ }
+ ol {
+ li {
+ a href="#writing-xhtml-documents" {
+ span class=secno "14.1"
+ - " Writing documents in the XML syntax"
+ }
+ }
+ li {
+ a href="#parsing-xhtml-documents" {
+ span class=secno "14.2"
+ - " Parsing XML documents"
+ }
+ }
+ li {
+ a href="#serialising-xhtml-fragments" {
+ span class=secno "14.3"
+ - " Serializing XML fragments"
+ }
+ }
+ li {
+ a href="#parsing-xhtml-fragments" {
+ span class=secno "14.4"
+ - " Parsing XML fragments"
+ }
+ }
+ }
+ }
+ li id=toc-rendering {
+ a href="#rendering" {
+ span class=secno "15"
+ - " Rendering"
+ }
+ ol {
+ li {
+ a href="#introduction-16" {
+ span class=secno "15.1"
+ - " Introduction"
+ }
+ }
+ li {
+ a href="#the-css-user-agent-style-sheet-and-presentational-hints" {
+ span class=secno "15.2"
+ - " The CSS user agent style sheet and presentational hints"
+ }
+ }
+ li {
+ a href="#non-replaced-elements" {
+ span class=secno "15.3"
+ - " Non-replaced elements"
+ }
+ ol {
+ li {
+ a href="#hidden-elements" {
+ span class=secno "15.3.1"
+ - " Hidden elements"
+ }
+ }
+ li {
+ a href="#the-page" {
+ span class=secno "15.3.2"
+ - " The page"
+ }
+ }
+ li {
+ a href="#flow-content-3" {
+ span class=secno "15.3.3"
+ - " Flow content"
+ }
+ }
+ li {
+ a href="#phrasing-content-3" {
+ span class=secno "15.3.4"
+ - " Phrasing content"
+ }
+ }
+ li {
+ a href="#bidi-rendering" {
+ span class=secno "15.3.5"
+ - " Bidirectional text"
+ }
+ }
+ li {
+ a href="#sections-and-headings" {
+ span class=secno "15.3.6"
+ - " Sections and headings"
+ }
+ }
+ li {
+ a href="#lists" {
+ span class=secno "15.3.7"
+ - " Lists"
+ }
+ }
+ li {
+ a href="#tables-2" {
+ span class=secno "15.3.8"
+ - " Tables"
+ }
+ }
+ li {
+ a href="#margin-collapsing-quirks" {
+ span class=secno "15.3.9"
+ - " Margin collapsing quirks"
+ }
+ }
+ li {
+ a href="#form-controls" {
+ span class=secno "15.3.10"
+ - " Form controls"
+ }
+ }
+ li {
+ a href="#the-hr-element-2" {
+ span class=secno "15.3.11"
+ - " The "
+ code hr
+ - " element"
+ }
+ }
+ li {
+ a href="#the-fieldset-and-legend-elements" {
+ span class=secno "15.3.12"
+ - " The "
+ code fieldset
+ - " and "
+ code legend
+ - " elements"
+ }
+ }
+ }
+ }
+ li {
+ a href="#replaced-elements" {
+ span class=secno "15.4"
+ - " Replaced elements"
+ }
+ ol {
+ li {
+ a href="#embedded-content-rendering-rules" {
+ span class=secno "15.4.1"
+ - " Embedded content"
+ }
+ }
+ li {
+ a href="#images-3" {
+ span class=secno "15.4.2"
+ - " Images"
+ }
+ }
+ li {
+ a href="#attributes-for-embedded-content-and-images" {
+ span class=secno "15.4.3"
+ - " Attributes for embedded content and images"
+ }
+ }
+ li {
+ a href="#image-maps-2" {
+ span class=secno "15.4.4"
+ - " Image maps"
+ }
+ }
+ }
+ }
+ li {
+ a href="#widgets" {
+ span class=secno "15.5"
+ - " Widgets"
+ }
+ ol {
+ li {
+ a href="#native-appearance-2" {
+ span class=secno "15.5.1"
+ - " Native appearance"
+ }
+ }
+ li {
+ a href="#writing-mode" {
+ span class=secno "15.5.2"
+ - " Writing mode"
+ }
+ }
+ li {
+ a href="#button-layout" {
+ span class=secno "15.5.3"
+ - " Button layout"
+ }
+ }
+ li {
+ a href="#the-button-element-2" {
+ span class=secno "15.5.4"
+ - " The "
+ code button
+ - " element"
+ }
+ }
+ li {
+ a href="#the-details-and-summary-elements" {
+ span class=secno "15.5.5"
+ - " The "
+ code details
+ - " and "
+ code summary
+ - " elements"
+ }
+ }
+ li {
+ a href="#the-input-element-as-a-text-entry-widget" {
+ span class=secno "15.5.6"
+ - " The "
+ code input
+ - " element as a text entry widget"
+ }
+ }
+ li {
+ a href="#the-input-element-as-domain-specific-widgets" {
+ span class=secno "15.5.7"
+ - " The "
+ code input
+ - " element as domain-specific widgets"
+ }
+ }
+ li {
+ a href="#the-input-element-as-a-range-control" {
+ span class=secno "15.5.8"
+ - " The "
+ code input
+ - " element as a range control"
+ }
+ }
+ li {
+ a href="#the-input-element-as-a-colour-well" {
+ span class=secno "15.5.9"
+ - " The "
+ code input
+ - " element as a color well"
+ }
+ }
+ li {
+ a href="#the-input-element-as-a-checkbox-and-radio-button-widgets" {
+ span class=secno "15.5.10"
+ - " The "
+ code input
+ - " element as a checkbox and radio button widgets"
+ }
+ }
+ li {
+ a href="#the-input-element-as-a-file-upload-control" {
+ span class=secno "15.5.11"
+ - " The "
+ code input
+ - " element as a file upload control"
+ }
+ }
+ li {
+ a href="#the-input-element-as-a-button" {
+ span class=secno "15.5.12"
+ - " The "
+ code input
+ - " element as a button"
+ }
+ }
+ li {
+ a href="#the-marquee-element-2" {
+ span class=secno "15.5.13"
+ - " The "
+ code marquee
+ - " element"
+ }
+ }
+ li {
+ a href="#the-meter-element-2" {
+ span class=secno "15.5.14"
+ - " The "
+ code meter
+ - " element"
+ }
+ }
+ li {
+ a href="#the-progress-element-2" {
+ span class=secno "15.5.15"
+ - " The "
+ code progress
+ - " element"
+ }
+ }
+ li {
+ a href="#the-select-element-2" {
+ span class=secno "15.5.16"
+ - " The "
+ code select
+ - " element"
+ }
+ }
+ li {
+ a href="#the-textarea-element-2" {
+ span class=secno "15.5.17"
+ - " The "
+ code textarea
+ - " element"
+ }
+ }
+ }
+ }
+ li {
+ a href="#frames-and-framesets" {
+ span class=secno "15.6"
+ - " Frames and framesets"
+ }
+ }
+ li {
+ a href="#interactive-media" {
+ span class=secno "15.7"
+ - " Interactive media"
+ }
+ ol {
+ li {
+ a href="#links,-forms,-and-navigation" {
+ span class=secno "15.7.1"
+ - " Links, forms, and navigation"
+ }
+ }
+ li {
+ a href="#the-title-attribute-2" {
+ span class=secno "15.7.2"
+ - " The "
+ code title
+ - " attribute"
+ }
+ }
+ li {
+ a href="#editing-hosts" {
+ span class=secno "15.7.3"
+ - " Editing hosts"
+ }
+ }
+ li {
+ a href="#text-rendered-in-native-user-interfaces" {
+ span class=secno "15.7.4"
+ - " Text rendered in native user interfaces"
+ }
+ }
+ }
+ }
+ li {
+ a href="#print-media" {
+ span class=secno "15.8"
+ - " Print media"
+ }
+ }
+ li {
+ a href="#unstyled-xml-documents" {
+ span class=secno "15.9"
+ - " Unstyled XML documents"
+ }
+ }
+ }
+ }
+ li id=toc-obsolete {
+ a href="#obsolete" {
+ span class=secno "16"
+ - " Obsolete features"
+ }
+ ol {
+ li {
+ a href="#obsolete-but-conforming-features" {
+ span class=secno "16.1"
+ - " Obsolete but conforming features"
+ }
+ ol {
+ li {
+ a href="#warnings-for-obsolete-but-conforming-features" {
+ span class=secno "16.1.1"
+ - " Warnings for obsolete but conforming features"
+ }
+ }
+ }
+ }
+ li {
+ a href="#non-conforming-features" {
+ span class=secno "16.2"
+ - " Non-conforming features"
+ }
+ }
+ li {
+ a href="#requirements-for-implementations" {
+ span class=secno "16.3"
+ - " Requirements for implementations"
+ }
+ ol {
+ li {
+ a href="#the-marquee-element" {
+ span class=secno "16.3.1"
+ - " The "
+ code marquee
+ - " element"
+ }
+ }
+ li {
+ a href="#frames" {
+ span class=secno "16.3.2"
+ - " Frames"
+ }
+ }
+ li {
+ a href="#other-elements,-attributes-and-apis" {
+ span class=secno "16.3.3"
+ - " Other elements, attributes and APIs"
+ }
+ }
+ }
+ }
+ }
+ }
+ li id=toc-iana {
+ a href="#iana" {
+ span class=secno "17"
+ - " IANA considerations"
+ }
+ ol {
+ li {
+ a href="#text/html" {
+ span class=secno "17.1"
+ code "text/html"
+ }
+ }
+ li {
+ a href="#multipart/x-mixed-replace" {
+ span class=secno "17.2"
+ code "multipart/x-mixed-replace"
+ }
+ }
+ li {
+ a href="#application/xhtml+xml" {
+ span class=secno "17.3"
+ code "application/xhtml+xml"
+ }
+ }
+ li {
+ a href="#text/ping" {
+ span class=secno "17.4"
+ code "text/ping"
+ }
+ }
+ li {
+ a href="#application/microdata+json" {
+ span class=secno "17.5"
+ code "application/microdata+json"
+ }
+ }
+ li {
+ a href="#text/event-stream" {
+ span class=secno "17.6"
+ code "text/event-stream"
+ }
+ }
+ li {
+ a href="#web+-scheme-prefix" {
+ span class=secno "17.7"
+ code web+
+ - " scheme prefix"
+ }
+ }
+ }
+ }
+ li id=toc-index {
+ a href="#index" Index
+ ol {
+ li {
+ a href="#elements-3" Elements
+ }
+ li {
+ a href="#element-content-categories" "Element content categories"
+ }
+ li {
+ a href="#attributes-3" Attributes
+ }
+ li {
+ a href="#element-interfaces" "Element interfaces"
+ }
+ li {
+ a href="#all-interfaces" "All interfaces"
+ }
+ li {
+ a href="#events-2" Events
+ }
+ li {
+ a href="#http-headers" "HTTP headers"
+ }
+ li {
+ a href="#mime-types-2" "MIME types"
+ }
+ }
+ }
+ li id=toc-references {
+ a href="#references" References
+ }
+ li id=toc-acknowledgments {
+ a href="#acknowledgments" Acknowledgments
+ }
+ li id=toc-ipr {
+ a href="#ipr" "Intellectual property rights"
+ }
+ }
+ h2 id=introduction {
+ span class=secno "1"
+ - " Introduction"
+ a class=self-link href="#introduction"
+ }
+ h3 id=abstract {
+ span class=secno "1.1"
+ - " Where does this specification fit?"
+ a class=self-link href="#abstract"
+ }
+ p "This specification defines a big part of the web platform, in lots of detail. Its place in the web platform specification stack relative to other specifications can be best summed up as follows:"
+ svg aria-label="It consists of everything else, above such core technologies as HTTP, TLS, DOM, Unicode, Web IDL, MIME, URL, XML, JavaScript, and Encoding; below higher-level technologies like CSS, SVG, MathML, and Service Workers; and to the side of technologies like IndexedDB, Fetch, CSP, AV1, Opus, and PNG." height="359" id=abstractimg role=img viewBox="0 0 398 359" width="398" {
+ rect height="80" width="398"
+ text class=horizontal x="199" y="45" "CSS SVG MathML Service Workers"
+ rect height="177" width="67" y="85"
+ text class=left transform="translate(25 173.5) rotate(-90)" "IDB Fetch CSP"
+ text class=left transform="translate(50 173.5) rotate(-90)" "AV1 Opus PNG"
+ image height="177" width="326" x="72" xlink:href="/images/abstract.jpeg" y="85"
+ text class=right x="130" y="250" "THIS SPECIFICATION"
+ rect height="92" width="398" y="267"
+ text class=horizontal x="199" y="300" "HTTP TLS DOM Unicode Web IDL"
+ text class=horizontal x="199" y="330" "MIME URL XML JavaScript Encoding"
+ }
+ h3 id=is-this-html5? {
+ span class=secno "1.2"
+ - " Is this HTML5?"
+ a class=self-link href="#is-this-html5?"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "In short: Yes."
+ p {
+ - "In more length: the term \"HTML5\" is widely used as a buzzword to refer to modern web technologies, many of which (though by no means all) are developed at the WHATWG. This document is one such; others are available from "
+ a href="https://spec.whatwg.org/" "the WHATWG Standards overview"
+ - .
+ }
+ h3 id=background {
+ span class=secno "1.3"
+ - " Background"
+ a class=self-link href="#background"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "HTML is the World Wide Web's core markup language. Originally, HTML was primarily designed as a language for semantically describing scientific documents. Its general design, however, has enabled it to be adapted, over the subsequent years, to describe a number of other types of documents and even applications."
+ h3 id=audience {
+ span class=secno "1.4"
+ - " Audience"
+ a class=self-link href="#audience"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "This specification is intended for authors of documents and scripts that use the features defined in this specification, implementers of tools that operate on pages that use the features defined in this specification, and individuals wishing to establish the correctness of documents or implementations with respect to the requirements of this specification."
+ p "This document is probably not suited to readers who do not already have at least a passing familiarity with web technologies, as in places it sacrifices clarity for precision, and brevity for completeness. More approachable tutorials and authoring guides can provide a gentler introduction to the topic."
+ p "In particular, familiarity with the basics of DOM is necessary for a complete understanding of some of the more technical parts of this specification. An understanding of Web IDL, HTTP, XML, Unicode, character encodings, JavaScript, and CSS will also be helpful in places but is not essential."
+ h3 id=scope {
+ span class=secno "1.5"
+ - " Scope"
+ a class=self-link href="#scope"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "This specification is limited to providing a semantic-level markup language and associated semantic-level scripting APIs for authoring accessible pages on the web ranging from static documents to dynamic applications."
+ p "The scope of this specification does not include providing mechanisms for media-specific customization of presentation (although default rendering rules for web browsers are included at the end of this specification, and several mechanisms for hooking into CSS are provided as part of the language)."
+ p "The scope of this specification is not to describe an entire operating system. In particular, hardware configuration software, image manipulation tools, and applications that users would be expected to use with high-end workstations on a daily basis are out of scope. In terms of applications, this specification is targeted specifically at applications that would be expected to be used by users on an occasional basis, or regularly but from disparate locations, with low CPU requirements. Examples of such applications include online purchasing systems, searching systems, games (especially multiplayer online games), public telephone books or address books, communications software (email clients, instant messaging clients, discussion software), document editing software, etc."
+ h3 id=history-2 {
+ span class=secno "1.6"
+ - " History"
+ a class=self-link href="#history-2"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "For its first five years (1990-1995), HTML went through a number of revisions and experienced a number of extensions, primarily hosted first at CERN, and then at the IETF."
+ p "With the creation of the W3C, HTML's development changed venue again. A first abortive attempt at extending HTML in 1995 known as HTML 3.0 then made way to a more pragmatic approach known as HTML 3.2, which was completed in 1997. HTML4 quickly followed later that same year."
+ p "The following year, the W3C membership decided to stop evolving HTML and instead begin work on an XML-based equivalent, called XHTML. This effort started with a reformulation of HTML4 in XML, known as XHTML 1.0, which added no new features except the new serialization, and which was completed in 2000. After XHTML 1.0, the W3C's focus turned to making it easier for other working groups to extend XHTML, under the banner of XHTML Modularization. In parallel with this, the W3C also worked on a new language that was not compatible with the earlier HTML and XHTML languages, calling it XHTML2."
+ p "Around the time that HTML's evolution was stopped in 1998, parts of the API for HTML developed by browser vendors were specified and published under the name DOM Level 1 (in 1998) and DOM Level 2 Core and DOM Level 2 HTML (starting in 2000 and culminating in 2003). These efforts then petered out, with some DOM Level 3 specifications published in 2004 but the working group being closed before all the Level 3 drafts were completed."
+ p "In 2003, the publication of XForms, a technology which was positioned as the next generation of web forms, sparked a renewed interest in evolving HTML itself, rather than finding replacements for it. This interest was borne from the realization that XML's deployment as a web technology was limited to entirely new technologies (like RSS and later Atom), rather than as a replacement for existing deployed technologies (like HTML)."
+ p "A proof of concept to show that it was possible to extend HTML4's forms to provide many of the features that XForms 1.0 introduced, without requiring browsers to implement rendering engines that were incompatible with existing HTML web pages, was the first result of this renewed interest. At this early stage, while the draft was already publicly available, and input was already being solicited from all sources, the specification was only under Opera Software's copyright."
+ p "The idea that HTML's evolution should be reopened was tested at a W3C workshop in 2004, where some of the principles that underlie the HTML5 work (described below), as well as the aforementioned early draft proposal covering just forms-related features, were presented to the W3C jointly by Mozilla and Opera. The proposal was rejected on the grounds that the proposal conflicted with the previously chosen direction for the web's evolution; the W3C staff and membership voted to continue developing XML-based replacements instead."
+ p "Shortly thereafter, Apple, Mozilla, and Opera jointly announced their intent to continue working on the effort under the umbrella of a new venue called the WHATWG. A public mailing list was created, and the draft was moved to the WHATWG site. The copyright was subsequently amended to be jointly owned by all three vendors, and to allow reuse of the specification."
+ p "The WHATWG was based on several core principles, in particular that technologies need to be backwards compatible, that specifications and implementations need to match even if this means changing the specification rather than the implementations, and that specifications need to be detailed enough that implementations can achieve complete interoperability without reverse-engineering each other."
+ p "The latter requirement in particular required that the scope of the HTML5 specification include what had previously been specified in three separate documents: HTML4, XHTML1, and DOM2 HTML. It also meant including significantly more detail than had previously been considered the norm."
+ p "In 2006, the W3C indicated an interest to participate in the development of HTML5 after all, and in 2007 formed a working group chartered to work with the WHATWG on the development of the HTML5 specification. Apple, Mozilla, and Opera allowed the W3C to publish the specification under the W3C copyright, while keeping a version with the less restrictive license on the WHATWG site."
+ p "For a number of years, both groups then worked together. In 2011, however, the groups came to the conclusion that they had different goals: the W3C wanted to publish a \"finished\" version of \"HTML5\", while the WHATWG wanted to continue working on a Living Standard for HTML, continuously maintaining the specification rather than freezing it in a state with known problems, and adding new features as needed to evolve the platform."
+ p {
+ - "In 2019, the WHATWG and W3C "
+ a href="https://www.w3.org/blog/news/archives/7753" "signed an agreement"
+ - " to collaborate on a single version of HTML going forward: this document."
+ }
+ h3 id=design-notes {
+ span class=secno "1.7"
+ - " Design notes"
+ a class=self-link href="#design-notes"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "It must be admitted that many aspects of HTML appear at first glance to be nonsensical and inconsistent."
+ p "HTML, its supporting DOM APIs, as well as many of its supporting technologies, have been developed over a period of several decades by a wide array of people with different priorities who, in many cases, did not know of each other's existence."
+ p "Features have thus arisen from many sources, and have not always been designed in especially consistent ways. Furthermore, because of the unique characteristics of the web, implementation bugs have often become de-facto, and now de-jure, standards, as content is often unintentionally written in ways that rely on them before they can be fixed."
+ p "Despite all this, efforts have been made to adhere to certain design goals. These are described in the next few subsections."
+ h4 id=serialisability-of-script-execution {
+ span class=secno "1.7.1"
+ - " Serializability of script execution"
+ a class=self-link href="#serialisability-of-script-execution"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p {
+ - "To avoid exposing web authors to the complexities of multithreading, the HTML and DOM APIs are designed such that no script can ever detect the simultaneous execution of other scripts. Even with "
+ a href="#worker" id=serialisability-of-script-execution:worker workers
+ - ", the intent is that the behavior of implementations can be thought of as completely serializing the execution of all scripts in all globals."
+ }
+ p {
+ - "The exception to this general design principle is the JavaScript "
+ code id=serialisability-of-script-execution:sharedarraybuffer {
+ a data-x-internal=sharedarraybuffer href="https://tc39.es/ecma262/#sec-sharedarraybuffer-objects" SharedArrayBuffer
+ }
+ - " class. Using "
+ code id=serialisability-of-script-execution:sharedarraybuffer-2 {
+ a data-x-internal=sharedarraybuffer href="https://tc39.es/ecma262/#sec-sharedarraybuffer-objects" SharedArrayBuffer
+ }
+ - " objects, it can in fact be observed that scripts in other "
+ a data-x-internal=agent href="https://tc39.es/ecma262/#sec-agents" id=serialisability-of-script-execution:agent agents
+ - " are executing simultaneously. Furthermore, due to the JavaScript memory model, there are situations which not only are un-representable via serialized "
+ em script
+ - " execution, but also un-representable via serialized "
+ em statement
+ - " execution among those scripts."
+ }
+ h4 id=compliance-with-other-specifications {
+ span class=secno "1.7.2"
+ - " Compliance with other specifications"
+ a class=self-link href="#compliance-with-other-specifications"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p {
+ - "This specification interacts with and relies on a wide variety of other specifications. In certain circumstances, unfortunately, conflicting needs have led to this specification violating the requirements of these other specifications. Whenever this has occurred, the transgressions have each been noted as a \""
+ dfn id=willful-violation "willful violation"
+ - "\", and the reason for the violation has been noted."
+ }
+ h4 id=extensibility {
+ span class=secno "1.7.3"
+ - " Extensibility"
+ a class=self-link href="#extensibility"
+ }
+ p {
+ i "This section is non-normative."
+ }
+ p "HTML has a wide array of extensibility mechanisms that can be used for adding semantics in a safe manner:"
+ ul {
+ li {
+ p {
+ - "Authors can use the "
+ code id=extensibility:classes {
+ a href="#classes" class
+ }
+ - " attribute to extend elements, effectively creating their own elements, while using the most applicable existing \"real\" HTML element, so that browsers and other tools that don't know of the extension can still support it somewhat well. This is the tack used by microformats, for example."
+ }
+ }
+ li {
+ p {
+ - "Authors can include data for inline client-side scripts or server-side site-wide scripts to process using the "
+ code id=extensibility:attr-data-* {
+ a href="#attr-data-*" "data-*=\"\""
+ }
+ - " attributes. These are guaranteed to never be touched by browsers, and allow scripts to include data on HTML elements that scripts can then look for and process."
+ }
+ }
+ li {
+ p {
+ - "Authors can use the "
+ code id=extensibility:the-meta-element {
+ a href="#the-meta-element" ""
+ }
+ - " mechanism to include page-wide metadata."
+ }
+ }
+ li {
+ p {
+ - "Authors can use the "
+ code id=extensibility:attr-hyperlink-rel {
+ a href="#attr-hyperlink-rel" "rel=\"\""
+ }
+ - " mechanism to annotate links with specific meanings by registering "
+ a href="#concept-rel-extensions" id=extensibility:concept-rel-extensions "extensions to the predefined set of link types"
+ - ". This is also used by microformats."
+ }
+ }
+ li {
+ p {
+ - "Authors can embed raw data using the "
+ code id=extensibility:the-script-element {
+ a href="#the-script-element" "