Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
2802 lines (2783 sloc) 210 KB
{
"tags" : [
{
"tagName" : "a",
"scalaJSType": "org.scalajs.dom.html.Anchor",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;a&gt;</code> element</strong> (or <em>anchor</em> element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.</span>"
]
},
{
"tagName" : "abbr",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;abbr&gt;</code> element</strong> represents an abbreviation and optionally provides a full description for it. If present, the <code><a href=\"/en-US/docs/Web/HTML/Global_attributes#attr-title\">title</a></code> attribute must contain this full description and nothing else."
]
},
{
"tagName" : "address",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML&nbsp;<code>&lt;address&gt;</code> element</strong> supplies contact information for its nearest <a title=\"The HTML <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, or a blog entry.\" href=\"/en-US/docs/Web/HTML/Element/article\"><code>&lt;article&gt;</code></a> or <a title=\"The HTML <body> Element represents the content of an HTML&nbsp;document. There can be only one <body> element in a document.\" href=\"/en-US/docs/Web/HTML/Element/body\"><code>&lt;body&gt;</code></a> ancestor; in the latter case, it applies to the whole document.</span>"
]
},
{
"tagName" : "area",
"scalaJSType": "org.scalajs.dom.html.Area",
"docLines" : [
"The <strong>HTML <code>&lt;area&gt;</code> element</strong> defines a hot-spot region on an image, and optionally associates it with a <a title=\"hypertext link: Hyperlinks connect webpages or data items to one another. In HTML, <a> elements define hyperlinks from a spot on a webpage (like a text string or image) to another spot on some other webpage (or even on the same page).\" class=\"glossaryLink\" href=\"/en-US/docs/Glossary/Hyperlink\">hypertext link</a>. This element is used only within a <a title=\"The HTML <map> element is used with <area> elements to define an image map (a clickable link area).\" href=\"/en-US/docs/Web/HTML/Element/map\"><code>&lt;map&gt;</code></a> element."
]
},
{
"tagName" : "article",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;article&gt;</code> element</strong> represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, or a blog entry."
]
},
{
"tagName" : "aside",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;aside&gt;</code> element</strong> represents a section of a document with content connected tangentially to the main content of the document (often presented as a sidebar)."
]
},
{
"tagName" : "audio",
"scalaJSType": "org.scalajs.dom.html.Audio",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;audio&gt;</code> element</strong> is used to embed sound content in documents. It may contain one or more audio sources, represented using the <code>src</code> attribute or the <a title=\"The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video> element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.\" href=\"/en-US/docs/Web/HTML/Element/source\"><code>&lt;source&gt;</code></a> element:&nbsp;the browser will choose the most suitable one. It can also be the destination for streamed media, using a <a title=\"The MediaStream interface represents a stream of media content. A stream consists of several tracks such as&nbsp;video or audio tracks. Each track is specified as an instance of MediaStreamTrack.\" href=\"/en-US/docs/Web/API/MediaStream\"><code>MediaStream</code></a>.</span>"
]
},
{
"tagName" : "b",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;b&gt;</code> element</strong> represents a span of text stylistically different from normal text, without conveying any special importance or relevance, and that is typically rendered in boldface."
]
},
{
"tagName" : "base",
"scalaJSType": "org.scalajs.dom.html.Base",
"docLines" : [
"The <strong>HTML <code>&lt;base&gt;</code> element</strong> specifies the base URL to use for all relative URLs contained within a document. There can be only one <code>&lt;base&gt;</code> element in a document.&nbsp;"
]
},
{
"tagName" : "bdi",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;bdi&gt;</code> element</strong> (<em>bidirectional isolation</em>) isolates a span of text that might be formatted in a different direction from other text outside it."
]
},
{
"tagName" : "bdo",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;bdo&gt;</code> element</strong> (<em>bidirectional override</em>) is used to override the current directionality of text. It causes the directionality of the characters to be ignored in favor of the specified directionality."
]
},
{
"tagName" : "big",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The HTML Big Element (<code>&lt;big&gt;</code>)&nbsp;makes the text <em>font size</em> one size bigger (for example, from small to medium, or from large to x-large) up to the browser's maximum font size."
]
},
{
"tagName" : "blockquote",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block Quotation Element</em>) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see <a href=\"/en-US/docs/HTML/Element/blockquote#Notes\">Notes</a> for how to change it). A URL for the source of the quotation may be given using the <strong>cite</strong> attribute, while a text representation of the source can be given using the <a title=\"The HTML <cite> element represents a reference to a creative work. It must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata.\" href=\"/en-US/docs/Web/HTML/Element/cite\"><code>&lt;cite&gt;</code></a> element."
]
},
{
"tagName" : "body",
"scalaJSType": "org.scalajs.dom.html.Body",
"docLines" : [
"The <strong>HTML <code>&lt;body&gt;</code> Element</strong> represents the content of an HTML&nbsp;document. There can be only one <code>&lt;body&gt;</code> element in a document."
]
},
{
"tagName" : "br",
"scalaJSType": "org.scalajs.dom.html.BR",
"docLines" : [
"The <strong>HTML <code>&lt;br&gt;</code> element</strong> produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant."
]
},
{
"tagName" : "button",
"scalaJSType": "org.scalajs.dom.html.Button",
"docLines" : [
"The <strong>HTML <code>&lt;button&gt;</code> element</strong> represents a clickable button."
]
},
{
"tagName" : "canvas",
"scalaJSType": "org.scalajs.dom.html.Canvas",
"docLines" : [
"Use the <strong>HTML <code>&lt;canvas&gt;</code> element</strong> with the <a href=\"/en-US/docs/Web/API/Canvas_API\">canvas scripting API </a>to draw graphics and animations."
]
},
{
"tagName" : "caption",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;caption&gt;</code> element</strong> represents the title of a table. Though it is always the first descendant of a <a title=\"The HTML <table> element represents tabular data — that is, information expressed via a two-dimensional data table.\" href=\"/en-US/docs/Web/HTML/Element/table\"><code>&lt;table&gt;</code></a>, its styling, using CSS, may place it elsewhere, relative to the table."
]
},
{
"tagName" : "cite",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML &lt;cite&gt; element</strong> represents a reference to a creative work. It must include the title of a work or a URL reference, which may be in an abbreviated form according to the conventions used for the addition of citation metadata."
]
},
{
"tagName" : "code",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;code&gt;</code> element</strong> represents a fragment of computer code. By default, it is displayed in the browser's default monospace font."
]
},
{
"tagName" : "col",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;col&gt;</code> element</strong> defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <a title=\"The HTML <colgroup> element defines a group of columns within a table.\" href=\"/en-US/docs/Web/HTML/Element/colgroup\"><code>&lt;colgroup&gt;</code></a> element."
]
},
{
"tagName" : "colgroup",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;colgroup&gt;</code> element</strong> defines a group of columns within a table."
]
},
{
"tagName" : "data",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;data&gt;</code> element</strong> links a given content with a machine-readable translation. If the content is time- or date-related, the <a title=\"The HTML <time> element represents either a time on a 24-hour clock or a precise date in the Gregorian calendar (with optional time and timezone information).\" href=\"/en-US/docs/Web/HTML/Element/time\"><code>&lt;time&gt;</code></a> element must be used."
]
},
{
"tagName" : "datalist",
"scalaJSType": "org.scalajs.dom.html.DataList",
"docLines" : [
"The <strong>HTML <code>&lt;datalist&gt;</code> element</strong> contains a set of <a title=\"The HTML <option> element is used to define an item contained in a <select>, an <optgroup>, or a <datalist>&nbsp;element. As such,&nbsp;<option>&nbsp;can represent menu items in popups and other lists of items in an HTML document.\" href=\"/en-US/docs/Web/HTML/Element/option\"><code>&lt;option&gt;</code></a> elements that represent the values available for other controls."
]
},
{
"tagName" : "dd",
"scalaJSType": "org.scalajs.dom.html.DD",
"docLines" : [
"The&nbsp;<strong>HTML <code>&lt;dd&gt;</code> element</strong> indicates the description of a term in a description list (<a title=\"The HTML <dl>&nbsp;element represents a description list.&nbsp;The element encloses a list of groups of terms and descriptions. Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).\" href=\"/en-US/docs/Web/HTML/Element/dl\"><code>&lt;dl&gt;</code></a>)."
]
},
{
"tagName" : "del",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;del&gt;</code> element</strong> represents a range of text that has been deleted from a document. This element is often (but need not be) rendered with strike-through text."
]
},
{
"tagName" : "details",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;details&gt;</code> element</strong> is used as a disclosure widget from which the user can retrieve additional information."
]
},
{
"tagName" : "dfn",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML &lt;dfn&gt; element</strong> represents the defining instance of a term."
]
},
{
"tagName" : "dialog",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;dialog&gt;</code> element</strong> represents a dialog box or other interactive component, such as an inspector or window."
]
},
{
"tagName" : "div",
"scalaJSType": "org.scalajs.dom.html.Div",
"docLines" : [
"The <strong>HTML <code>&lt;div&gt;</code> element</strong> is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the <code><a href=\"/en-US/docs/Web/HTML/Global_attributes#attr-class\">class</a></code> or <code><a href=\"/en-US/docs/Web/HTML/Global_attributes#attr-id\">id</a></code> attributes), marking a section of a document in a different language (using the <code><a href=\"/en-US/docs/Web/HTML/Global_attributes#attr-lang\">lang</a></code> attribute), and so on."
]
},
{
"tagName" : "dl",
"scalaJSType": "org.scalajs.dom.html.DList",
"docLines" : [
"The <strong>HTML <code>&lt;dl&gt;</code>&nbsp;</strong>element represents a description list.<strong>&nbsp;</strong>The element encloses a list of groups of terms and descriptions. Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs)."
]
},
{
"tagName" : "dt",
"scalaJSType": "org.scalajs.dom.html.DT",
"docLines" : [
"The <strong>HTML <code>&lt;dt&gt;</code> element</strong> identifies a term in a description list. This element can occur only as a child element of a <a title=\"The HTML <dl>&nbsp;element represents a description list.&nbsp;The element encloses a list of groups of terms and descriptions. Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs).\" href=\"/en-US/docs/Web/HTML/Element/dl\"><code>&lt;dl&gt;</code></a>. It is usually followed by a <a title=\"The&nbsp;HTML <dd> element indicates the description of a term in a description list (<dl>).\" href=\"/en-US/docs/Web/HTML/Element/dd\"><code>&lt;dd&gt;</code></a> element; however, multiple <code>&lt;dt&gt;</code> elements in a row indicate several terms that are all defined by the immediate next <a title=\"The&nbsp;HTML <dd> element indicates the description of a term in a description list (<dl>).\" href=\"/en-US/docs/Web/HTML/Element/dd\"><code>&lt;dd&gt;</code></a> element."
]
},
{
"tagName" : "em",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;em&gt;</code> element</strong>&nbsp;marks text that has stress emphasis. The <code>&lt;em&gt;</code> element can be nested, with each level of nesting indicating a greater degree of emphasis."
]
},
{
"tagName" : "embed",
"scalaJSType": "org.scalajs.dom.html.Embed",
"docLines" : [
"The <strong>HTML <code>&lt;embed&gt;</code> element</strong> represents an integration point for an external application or interactive content (in other words, a plug-in)."
]
},
{
"tagName" : "fieldset",
"scalaJSType": "org.scalajs.dom.html.FieldSet",
"docLines" : [
"The <strong>HTML <code>&lt;fieldset&gt;</code> element</strong> is used to group several controls as well as labels (<a href=\"/en-US/docs/Web/HTML/Element/label\" title=\"The HTML <label> element represents a caption for an item in a user interface.\"><code>&lt;label&gt;</code></a>) within a web form."
]
},
{
"tagName" : "figcaption",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;figcaption&gt;</code> element</strong> represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the <a title=\"The HTML <figure> element represents self-contained content, frequently with a caption (<figcaption>), and is typically referenced as a single unit.\" href=\"/en-US/docs/Web/HTML/Element/figure\"><code>&lt;figure&gt;</code></a> element which is its immediate ancestor."
]
},
{
"tagName" : "figure",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;figure&gt;</code> element</strong> represents self-contained content, frequently with a caption (<a title=\"The HTML <figcaption> element represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the <figure> element which is its immediate ancestor.\" href=\"/en-US/docs/Web/HTML/Element/figcaption\"><code>&lt;figcaption&gt;</code></a>), and is typically referenced as a single unit."
]
},
{
"tagName" : "footer",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The<strong> HTML <code>&lt;footer&gt;</code> element</strong> represents a footer for its nearest <a href=\"/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Defining_Sections_in_HTML5\">sectioning content</a> or <a title=\"Sections and Outlines of an HTML5 document#Sectioning root\" href=\"/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document#Sectioning_root\">sectioning root</a> element. A footer typically contains information about the author of the section, copyright data or links to related documents."
]
},
{
"tagName" : "form",
"scalaJSType": "org.scalajs.dom.html.Form",
"docLines" : [
"The <strong>HTML <code>&lt;form&gt;</code> element</strong> represents a document section that contains interactive controls to submit information to a web server."
]
},
{
"tagName" : "h1",
"scalaJSType": "org.scalajs.dom.html.Heading",
"docLines" : [
"A header element"
]
},
{
"tagName" : "h2",
"scalaJSType": "org.scalajs.dom.html.Heading",
"docLines" : [
"A header element"
]
},
{
"tagName" : "h3",
"scalaJSType": "org.scalajs.dom.html.Heading",
"docLines" : [
"A header element"
]
},
{
"tagName" : "h4",
"scalaJSType": "org.scalajs.dom.html.Heading",
"docLines" : [
"A header element"
]
},
{
"tagName" : "h5",
"scalaJSType": "org.scalajs.dom.html.Heading",
"docLines" : [
"A header element"
]
},
{
"tagName" : "h6",
"scalaJSType": "org.scalajs.dom.html.Heading",
"docLines" : [
"A header element"
]
},
{
"tagName" : "head",
"scalaJSType": "org.scalajs.dom.html.Head",
"docLines" : [
"The <strong>HTML <code>&lt;head&gt;</code> element</strong> provides general information (metadata) about the document, including its title and links to its&nbsp;scripts and style sheets."
]
},
{
"tagName" : "header",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;header&gt;</code> element</strong> represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, a search form, an author name, and so on."
]
},
{
"tagName" : "hr",
"scalaJSType": "org.scalajs.dom.html.HR",
"docLines" : [
"The <strong>HTML <code>&lt;hr&gt;</code> element</strong> represents a thematic break between paragraph-level elements (for example, a change of scene in a story, or a shift of topic with a section). In previous versions of HTML, it represented a horizontal rule. It may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms."
]
},
{
"tagName" : "html",
"scalaJSType": "org.scalajs.dom.html.Html",
"docLines" : [
"The <strong>HTML <code>&lt;html&gt;</code> element</strong> represents the root (top-level element) of an HTML document, so it is also referred to as the <em>root element</em>. All other elements must be descendants of this element."
]
},
{
"tagName" : "i",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;i&gt;</code> element</strong> represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type."
]
},
{
"tagName" : "iframe",
"scalaJSType": "org.scalajs.dom.html.IFrame",
"docLines" : [
"The <strong>HTML <code>&lt;iframe&gt;</code>&nbsp;element</strong>&nbsp;represents a nested browsing context, effectively embedding another HTML page into the current page. In HTML 4.01, a document may contain a <code>head</code> and a <code>body</code> or a <code>head</code> and a <code>frameset</code>, but not both a <code>body</code> and a <code>frameset</code>. However, an <code>&lt;iframe&gt;</code> can be used within a normal document body. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the <dfn>parent</dfn> browsing context. The <dfn>top-level</dfn> browsing context (which has no parent) is typically the browser window."
]
},
{
"tagName" : "img",
"scalaJSType": "org.scalajs.dom.html.Image",
"docLines" : [
"The <strong>HTML <code>&lt;img&gt;</code> element</strong> represents an image in the document."
]
},
{
"tagName" : "input",
"scalaJSType": "org.scalajs.dom.html.Input",
"docLines" : [
"The <strong>HTML <code>&lt;input&gt;</code> element</strong> is used to create interactive controls for web-based forms in order to accept data from the user."
]
},
{
"tagName" : "ins",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;ins&gt;</code> element</strong> represents a range of text that has been added to a document."
]
},
{
"tagName" : "kbd",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;kbd&gt;</code> element</strong> represents user input and produces an inline element displayed in the browser's default monospace font."
]
},
{
"tagName" : "keygen",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The HTML <code>&lt;keygen&gt;</code> element exists to facilitate generation of key material, and submission of the public key as part of an <a href=\"/en-US/docs/Web/Guide/HTML/Forms\">HTML form</a>. This mechanism is designed for use with Web-based certificate management systems. It is expected that the <code>&lt;keygen&gt;</code> element will be used in an HTML form along with other information needed to construct a certificate request, and that the result of the process will be a signed certificate."
]
},
{
"tagName" : "label",
"scalaJSType": "org.scalajs.dom.html.Label",
"docLines" : [
"The <strong>HTML <code>&lt;label&gt;</code> element</strong> represents a caption for an item in a user interface."
]
},
{
"tagName" : "legend",
"scalaJSType": "org.scalajs.dom.html.Legend",
"docLines" : [
"The <strong>HTML <code>&lt;legend&gt;</code> element</strong> represents a caption for the content of its parent <a title=\"The HTML <fieldset> element is used to group several controls as well as labels (<label>) within a web form.\" href=\"/en-US/docs/Web/HTML/Element/fieldset\"><code>&lt;fieldset&gt;</code></a>."
]
},
{
"tagName" : "li",
"scalaJSType": "org.scalajs.dom.html.LI",
"docLines" : [
"The <strong>HTML <code>&lt;li&gt;</code> element</strong> is used to represent an item in a list. It must be contained in a parent element: an ordered list (<a title=\"The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.\" href=\"/en-US/docs/Web/HTML/Element/ol\"><code>&lt;ol&gt;</code></a>), an unordered list (<a title=\"The HTML <ul> element represents an unordered list of items, typically rendered as a bulleted list.\" href=\"/en-US/docs/Web/HTML/Element/ul\"><code>&lt;ul&gt;</code></a>), or a menu (<a title=\"The HTML <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked.\" href=\"/en-US/docs/Web/HTML/Element/menu\"><code>&lt;menu&gt;</code></a>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter."
]
},
{
"tagName" : "link",
"scalaJSType": "org.scalajs.dom.html.Link",
"docLines" : [
"The <strong>HTML <code>&lt;link&gt;</code> element</strong> specifies relationships between the current document and an external resource. Possible uses for this element include defining a relational framework for navigation. This element is most used to link to <a title=\"Cascading Style Sheets\" href=\"/en-US/docs/Glossary/CSS\">style sheets</a>."
]
},
{
"tagName" : "main",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;main&gt;</code> element</strong> represents the main content of&nbsp;the <a title=\"The HTML <body> Element represents the content of an HTML&nbsp;document. There can be only one <body> element in a document.\" href=\"/en-US/docs/Web/HTML/Element/body\"><code>&lt;body&gt;</code></a> of a document, portion of a document, or application. The main content area consists of content that is directly related to, or expands upon the central topic of, a document or the central functionality of an application."
]
},
{
"tagName" : "map",
"scalaJSType": "org.scalajs.dom.html.Map",
"docLines" : [
"The <strong>HTML <code>&lt;map&gt;</code> element</strong> is used with <a title=\"The HTML <area> element defines a hot-spot region on an image, and optionally associates it with a hypertext link. This element is used only within a <map> element.\" href=\"/en-US/docs/Web/HTML/Element/area\"><code>&lt;area&gt;</code></a> elements to define an image map (a clickable link area)."
]
},
{
"tagName" : "mark",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;mark&gt;</code> element</strong> represents highlighted text, i.e., a run of text marked for reference purpose, due to its <em>relevance</em> in a particular context.</span> For example it can be used in a page showing search results to highlight every instance of the searched-for word."
]
},
{
"tagName" : "menu",
"scalaJSType": "org.scalajs.dom.html.Menu",
"docLines" : [
"The <strong>HTML <code>&lt;menu&gt;</code> element</strong> represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked."
]
},
{
"tagName" : "menuitem",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;menuitem&gt;</code> element</strong> represents a command that a user is able to invoke through a popup menu. This includes context menus, as well as menus that might be attached to a menu button."
]
},
{
"tagName" : "meta",
"scalaJSType": "org.scalajs.dom.html.Meta",
"docLines" : [
"The <strong>HTML <code>&lt;meta&gt;</code> element</strong> represents <a title=\"metadata: Metadata is — in its very simplest definition — data that describes data. For example, an HTML document is data, but HTML can also contain metadata in its <head> element that describes the document — for example who wrote it, and its summary.\" class=\"glossaryLink\" href=\"/en-US/docs/Glossary/Metadata\">metadata</a> that cannot be represented by other HTML meta-related elements, like <a title=\"The HTML <base> element specifies the base URL to use for all relative URLs contained within a document. There can be only one <base> element in a document.\" href=\"/en-US/docs/Web/HTML/Element/base\"><code>&lt;base&gt;</code></a>, <a title=\"The HTML <link> element specifies relationships between the current document and an external resource. Possible uses for this element include defining a relational framework for navigation. This element is most used to link to style sheets.\" href=\"/en-US/docs/Web/HTML/Element/link\"><code>&lt;link&gt;</code></a>, <a title=\"The HTML <script> element is used to embed or reference an executable script.\" href=\"/en-US/docs/Web/HTML/Element/script\"><code>&lt;script&gt;</code></a>, <a title=\"The HTML <style> element contains style information for a document, or part of a document. By default, the style instructions written inside that element are expected to be CSS.\" href=\"/en-US/docs/Web/HTML/Element/style\"><code>&lt;style&gt;</code></a> or <a title=\"The HTML <title> element defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text, and any contained tags are ignored.\" href=\"/en-US/docs/Web/HTML/Element/title\"><code>&lt;title&gt;</code></a>."
]
},
{
"tagName" : "meter",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;meter&gt;</code> element</strong> represents either a scalar value within a known range or a fractional value."
]
},
{
"tagName" : "nav",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;nav&gt;</code> element</strong> represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes.</span>"
]
},
{
"tagName" : "noscript",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;noscript&gt;</code> element</strong> defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser."
]
},
{
"tagName" : "object",
"scalaJSType": "org.scalajs.dom.html.Object",
"docLines" : [
"The <strong>HTML <code>&lt;object&gt;</code> element</strong> represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin."
]
},
{
"tagName" : "ol",
"scalaJSType": "org.scalajs.dom.html.OList",
"docLines" : [
"The <strong>HTML <code>&lt;ol&gt;</code> element</strong> represents an ordered list of items, typically rendered as a numbered list."
]
},
{
"tagName" : "optgroup",
"scalaJSType": "org.scalajs.dom.html.OptGroup",
"docLines" : [
"The <strong>HTML <code>&lt;optgroup&gt;</code> element</strong> creates a grouping of options within a <a title=\"The HTML <select> element represents a control that provides a menu of options:\" href=\"/en-US/docs/Web/HTML/Element/select\"><code>&lt;select&gt;</code></a> element."
]
},
{
"tagName" : "option",
"scalaJSType": "org.scalajs.dom.html.Option",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;option&gt;</code> element</strong> is used to define an item contained in a <a title=\"The HTML <select> element represents a control that provides a menu of options:\" href=\"/en-US/docs/Web/HTML/Element/select\"><code>&lt;select&gt;</code></a>, an <a title=\"The HTML <optgroup> element creates a grouping of options within a <select> element.\" href=\"/en-US/docs/Web/HTML/Element/optgroup\"><code>&lt;optgroup&gt;</code></a>, or a <a title=\"The HTML <datalist> element contains a set of <option> elements that represent the values available for other controls.\" href=\"/en-US/docs/Web/HTML/Element/datalist\"><code>&lt;datalist&gt;</code></a>&nbsp;element. As such,&nbsp;<code>&lt;option&gt;</code>&nbsp;can represent menu items in popups and other lists of items in an HTML document.</span>"
]
},
{
"tagName" : "output",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;output&gt;</code> element</strong> represents the result of a calculation or user action."
]
},
{
"tagName" : "p",
"scalaJSType": "org.scalajs.dom.html.Paragraph",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;p&gt;</code> element</strong> represents a paragraph of text.</span> Paragraphs are usually represented in visual media as blocks of text that are separated from adjacent blocks by vertical blank space and/or first-line indentation.&nbsp;Paragraphs are <a href=\"/en-US/docs/Web/HTML/Block-level_elements\">block-level elements</a>."
]
},
{
"tagName" : "param",
"scalaJSType": "org.scalajs.dom.html.Param",
"docLines" : [
"The <strong>HTML <code>&lt;param&gt;</code> element</strong> defines parameters for an <a title=\"The HTML <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin.\" href=\"/en-US/docs/Web/HTML/Element/object\"><code>&lt;object&gt;</code></a> element."
]
},
{
"tagName" : "picture",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;picture&gt;</code> element</strong> is a container used to specify multiple <a title=\"The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video> element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.\" href=\"/en-US/docs/Web/HTML/Element/source\"><code>&lt;source&gt;</code></a> elements for a specific <a title=\"The HTML <img> element represents an image in the document.\" href=\"/en-US/docs/Web/HTML/Element/img\"><code>&lt;img&gt;</code></a> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)"
]
},
{
"tagName" : "pre",
"scalaJSType": "org.scalajs.dom.html.Pre",
"docLines" : [
"The <strong>HTML <code>&lt;pre&gt;</code> element</strong> represents preformatted text. Text within this element is typically displayed in a non-proportional (\"<a href=\"/en-US/docs/XUL/Style/monospace\">monospace</a>\") font exactly as it is laid out in the file. Whitespace inside this element is displayed as typed."
]
},
{
"tagName" : "progress",
"scalaJSType": "org.scalajs.dom.html.Progress",
"docLines" : [
"The <strong>HTML <code>&lt;progress&gt;</code> element</strong> represents the completion progress of a task, typically displayed as a progress bar."
]
},
{
"tagName" : "q",
"scalaJSType": "org.scalajs.dom.html.Quote",
"docLines" : [
"The <strong>HTML <code>&lt;q&gt;</code> element </strong> indicates that the enclosed text is a short inline quotation. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <a title=\"The HTML <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.\" href=\"/en-US/docs/Web/HTML/Element/blockquote\"><code>&lt;blockquote&gt;</code></a> element."
]
},
{
"tagName" : "rp",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;rp&gt;</code> element</strong> is used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <a title=\"The HTML <ruby> element represents a ruby annotation. Ruby annotations are for showing pronunciation of East Asian characters.\" href=\"/en-US/docs/Web/HTML/Element/ruby\"><code>&lt;ruby&gt;</code></a> element."
]
},
{
"tagName" : "rt",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;rt&gt;</code> element</strong> embraces pronunciation of characters presented in a ruby annotations, which are used to describe the pronunciation of East Asian characters. This element is always used inside a <a title=\"The HTML <ruby> element represents a ruby annotation. Ruby annotations are for showing pronunciation of East Asian characters.\" href=\"/en-US/docs/Web/HTML/Element/ruby\"><code>&lt;ruby&gt;</code></a> element."
]
},
{
"tagName" : "ruby",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;ruby&gt;</code> element</strong> represents a ruby annotation. Ruby annotations are for showing pronunciation of East Asian characters."
]
},
{
"tagName" : "s",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;s&gt;</code> element</strong> renders text with a strikethrough, or a line through it. Use the <code>&lt;s&gt;</code> element to represent things that are no longer relevant or no longer accurate. However, <code>&lt;s&gt;</code> is not appropriate when indicating document edits; for that, use the <a title=\"The HTML <del> element represents a range of text that has been deleted from a document. This element is often (but need not be) rendered with strike-through text.\" href=\"/en-US/docs/Web/HTML/Element/del\"><code>&lt;del&gt;</code></a> and <a title=\"The HTML <ins> element represents a range of text that has been added to a document.\" href=\"/en-US/docs/Web/HTML/Element/ins\"><code>&lt;ins&gt;</code></a> elements, as appropriate."
]
},
{
"tagName" : "samp",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;samp&gt;</code> element</strong> is an element intended to identify sample output from a computer program. It is usually displayed in the browser's default monotype font (such as Lucida Console)."
]
},
{
"tagName" : "script",
"scalaJSType": "org.scalajs.dom.html.Script",
"docLines" : [
"The <strong>HTML <code>&lt;script&gt;</code> element</strong> is used to embed or reference an executable script."
]
},
{
"tagName" : "section",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;section&gt;</code> element</strong> represents a standalone section of functionality contained within an HTML document, typically with a heading, which doesn't have a more specific semantic element to represent it."
]
},
{
"tagName" : "select",
"scalaJSType": "org.scalajs.dom.html.Select",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;select&gt;</code> element</strong> represents a control that provides a menu of options:</span>"
]
},
{
"tagName" : "small",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;small&gt;</code></strong> <strong>element </strong>makes the text <em>font size</em> one size smaller (for example, from large to medium, or from small to x-small) down to the browser's minimum font size.&nbsp; In HTML5, this element is repurposed to represent side-comments and small print, including copyright and legal text, independent of its styled presentation."
]
},
{
"tagName" : "source",
"scalaJSType": "org.scalajs.dom.html.Source",
"docLines" : [
"The <strong>HTML <code>&lt;source&gt;</code> element</strong> specifies multiple media resources for either the <a title=\"The HTML <picture> element is a container used to specify multiple <source> elements for a specific <img> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)\" href=\"/en-US/docs/Web/HTML/Element/picture\"><code>&lt;picture&gt;</code></a>, the <a title=\"The HTML <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element:&nbsp;the browser will choose the most suitable one. It can also be the destination for streamed media, using a MediaStream.\" href=\"/en-US/docs/Web/HTML/Element/audio\"><code>&lt;audio&gt;</code></a> or the <a title=\"Use the HTML <video> element to embed video content in a document.\" href=\"/en-US/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a> element. It is an empty element. It is commonly used to serve the same media content in <a href=\"/en-US/docs/Media_formats_supported_by_the_audio_and_video_elements\">multiple formats supported by different browsers</a>."
]
},
{
"tagName" : "span",
"scalaJSType": "org.scalajs.dom.html.Span",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;span&gt;</code> element</strong> is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the <code>class</code> or <code>id</code> attributes), or because they share attribute values, such as <code>lang</code>.</span> It should be used only when no other semantic element is appropriate. <code>&lt;span&gt;</code> is very much like a <a title=\"The HTML <div> element is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the class or id attributes), marking a section of a document in a different language (using the lang attribute), and so on.\" href=\"/en-US/docs/Web/HTML/Element/div\"><code>&lt;div&gt;</code></a> element, but <a title=\"The HTML <div> element is the generic container for flow content and does not inherently represent anything. Use it to group elements for purposes such as styling (using the class or id attributes), marking a section of a document in a different language (using the lang attribute), and so on.\" href=\"/en-US/docs/Web/HTML/Element/div\"><code>&lt;div&gt;</code></a> is a <a href=\"/en-US/docs/HTML/Block-level_elements\">block-level element</a> whereas a <code>&lt;span&gt;</code> is an<a href=\"/en-US/docs/HTML/Inline_elements\"> inline element</a>."
]
},
{
"tagName" : "strong",
"scalaJSType": "org.scalajs.dom.Element",
"docLines" : [
"The <strong>HTML </strong><code><strong>&lt;strong&gt;</strong></code><strong> element</strong> gives text strong importance, and is typically displayed in bold."
]
},
{
"tagName" : "style",
"scalaJSType": "org.scalajs.dom.html.Style",
"docLines" : [
"The <strong>HTML <code>&lt;style&gt;</code> element</strong> contains style information for a document, or part of a document. By default, the style instructions written inside that element are expected to be <a href=\"/en-US/docs/Web/CSS\">CSS</a>."
]
},
{
"tagName" : "sub",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;sub&gt;</code> element</strong> defines a span of text that should be displayed, for typographic reasons, lower, and often smaller, than the main span of text."
]
},
{
"tagName" : "summary",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;summary&gt;</code> element</strong> is used as a summary, caption, or legend for the content of a <a title=\"The HTML <details> element is used as a disclosure widget from which the user can retrieve additional information.\" href=\"/en-US/docs/Web/HTML/Element/details\"><code>&lt;details&gt;</code></a> element."
]
},
{
"tagName" : "sup",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;sup&gt;</code> element</strong> defines a span of text that should be displayed, for typographic reasons, higher, and often smaller, than the main span of text."
]
},
{
"tagName" : "table",
"scalaJSType": "org.scalajs.dom.html.Table",
"docLines" : [
"The <strong>HTML <code>&lt;table&gt;</code> element</strong> represents tabular data — that is, information expressed via a two-dimensional data table."
]
},
{
"tagName" : "tbody",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;tbody&gt;</code> element</strong> groups one or more <a title=\"The HTML <tr> element specifies that the markup contained inside the <tr> block comprises one row of a table, inside which the <th> and <td> elements create header and data cells, respectively, within the row.\" href=\"/en-US/docs/Web/HTML/Element/tr\"><code>&lt;tr&gt;</code></a> elements as the body of a <a title=\"The HTML <table> element represents tabular data — that is, information expressed via a two-dimensional data table.\" href=\"/en-US/docs/Web/HTML/Element/table\"><code>&lt;table&gt;</code></a> element."
]
},
{
"tagName" : "td",
"scalaJSType": "org.scalajs.dom.html.TableDataCell",
"docLines" : [
"The <strong>HTML <code>&lt;td&gt;</code> element</strong> defines a cell of a table that contains data. It participates in the <em>table model</em>."
]
},
{
"tagName" : "textarea",
"scalaJSType": "org.scalajs.dom.html.TextArea",
"docLines" : [
"The <strong>HTML <code>&lt;textarea&gt;</code> element</strong> represents a multi-line plain-text editing control."
]
},
{
"tagName" : "tfoot",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;tfoot&gt;</code> element</strong> defines a set of rows summarizing the columns of the table."
]
},
{
"tagName" : "th",
"scalaJSType": "org.scalajs.dom.html.TableHeaderCell",
"docLines" : [
"<span class=\"seoSummary\">The <strong>HTML <code>&lt;th&gt;</code> element</strong> defines a cell as header of a group of table cells. The exact nature of this group is defined by the <code><a href=\"/en-US/docs/Web/HTML/Element/th#attr-scope\">scope</a></code> and <code><a href=\"/en-US/docs/Web/HTML/Element/th#attr-headers\">headers</a></code> attributes.</span>"
]
},
{
"tagName" : "thead",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;thead&gt;</code> element</strong> defines a set of rows defining the head of the columns of the table."
]
},
{
"tagName" : "time",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;time&gt;</code> element</strong> represents either a time on a 24-hour clock or a precise date in the <a class=\"external\" href=\"https://en.wikipedia.org/wiki/Gregorian_calendar\">Gregorian calendar</a> (with optional time and timezone information)."
]
},
{
"tagName" : "title",
"scalaJSType": "org.scalajs.dom.html.Title",
"docLines" : [
"The <strong>HTML <code>&lt;title&gt;</code> element</strong> defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text, and any contained tags are ignored."
]
},
{
"tagName" : "tr",
"scalaJSType": "org.scalajs.dom.html.TableRow",
"docLines" : [
"The <strong>HTML <code>&lt;tr&gt;</code> element</strong> defines a row of cells in a table. Those can be a mix of <a title=\"The HTML <td> element defines a cell of a table that contains data. It participates in the table model.\" href=\"/en-US/docs/Web/HTML/Element/td\"><code>&lt;td&gt;</code></a> and <a title=\"The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.\" href=\"/en-US/docs/Web/HTML/Element/th\"><code>&lt;th&gt;</code></a> elements."
]
},
{
"tagName" : "track",
"scalaJSType": "org.scalajs.dom.html.Track",
"docLines" : [
"The <strong>HTML <code>&lt;track&gt;</code> element</strong> is used as a child of the media elements <a title=\"The HTML <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element:&nbsp;the browser will choose the most suitable one. It can also be the destination for streamed media, using a MediaStream.\" href=\"/en-US/docs/Web/HTML/Element/audio\"><code>&lt;audio&gt;</code></a> and <a title=\"Use the HTML <video> element to embed video content in a document.\" href=\"/en-US/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a>. It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles. The tracks are formatted in <a href=\"/en-US/docs/Web/API/Web_Video_Text_Tracks_Format\">WebVTT format</a> (<code>.vtt</code> files) — Web Video Text Tracks."
]
},
{
"tagName" : "u",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;u&gt;</code> element</strong> renders text with an underline, a line under the baseline of its content. In HTML5, this element represents a span of text with an unarticulated, though explicitly rendered, non-textual annotation, such as labeling the text as being a proper name in Chinese text (a Chinese proper name mark), or labeling the text as being misspelled."
]
},
{
"tagName" : "ul",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The<strong> HTML <code>&lt;ul&gt;</code> element</strong> represents an unordered list of items, typically rendered as a bulleted list."
]
},
{
"tagName" : "var",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;var&gt;</code> element</strong> represents a variable in a mathematical expression or a programming context."
]
},
{
"tagName" : "video",
"scalaJSType": "org.scalajs.dom.html.Video",
"docLines" : [
"Use the <strong>HTML <code>&lt;video&gt;</code> element</strong> to embed video content in a document."
]
},
{
"tagName" : "wbr",
"scalaJSType": "org.scalajs.dom.html.Element",
"docLines" : [
"The <strong>HTML <code>&lt;wbr&gt;</code> element</strong> represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location."
]
}
],
"attributes" : [
{
"attributeName" : "preload",
"attributeType" : "String",
"docLines" : [
"audio - This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values: <ul> <li><code>none</code>: indicates that the audio should not be preloaded;</li> <li><code>metadata</code>: indicates that only audio metadata (e.g. length) is fetched;</li> <li><code>auto</code>: indicates that the whole audio file could be downloaded, even if the user is not expected to use it;</li> <li>the <em>empty string</em>: synonym of the <code>auto</code> value.</li> </ul> <p>If not set, its default value is browser-defined (i.e. each browser may have its own default value). The spec advises it to be set to <code>metadata</code>.</p> <div class=\"note\"> <strong>Usage notes:</strong> <ul> <li>The <code>autoplay</code> attribute has precedence over&nbsp;<code>preload</code>. If <code>autoplay</code> is specified, the browser would obviously need to start downloading the audio for playback.</li> <li>The browser is not forced by the specification to follow the value of this attribute; it is a mere hint.</li> </ul> </div>",
"video - This enumerated attribute is intended to provide a hint to the browser about what the author thinks will lead to the best user experience. It may have one of the following values: <ul> <li><code>none</code>: indicates that the video should not be preloaded.</li> <li><code>metadata</code>: indicates that only video metadata (e.g. length) is fetched.</li> <li><code>auto</code>: indicates that the whole video file could be downloaded, even if the user is not expected to use it.</li> <li>the <em>empty string</em>: synonym of the <code>auto</code> value.</li> </ul> <p>If not set, its default value is browser-defined (i.e. each browser may have its default value). The spec advises it to be set to <code>metadata</code>.</p> <div class=\"note\"> <strong>Usage notes:</strong> <ul> <li>The <code>autoplay</code> attribute has precedence over <code>preload</code>. If <code>autoplay</code> is specified, the browser would obviously need to start downloading the video for playback.</li> <li>The specification does not force the browser to follow the value of this attribute; it is a mere hint.</li> </ul> </div>"
],
"compatibleTags" : [
"audio",
"video"
],
"withDash" : false
},
{
"attributeName" : "download",
"attributeType" : "Boolean",
"docLines" : [
"area - This attribute, if present, indicates that the author intends the hyperlink to be used for downloading a resource. See <a title=\"The HTML <a> element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.\" href=\"/en-US/docs/Web/HTML/Element/a\"><code>&lt;a&gt;</code></a> for a full description of the <code><a href=\"/en-US/docs/Web/HTML/Element/a#attr-download\">download</a></code> attribute.",
"a - This attribute instructs browsers to download a URL instead of navigating to it, so the user will be prompted to save it as a local file. If the attribute has a value, it is used as the pre-filled file name in the Save prompt (the user can still change the file name if they want). There are no restrictions on allowed values, though <code>/</code> and <code>\\</code> are converted to underscores. Most file systems limit some punctuation in file names, and browsers will adjust the suggested name accordingly. <div class=\"note\"> <strong>Notes:</strong> <ul> <li>This attribute only works for <a href=\"/en-US/docs/Web/Security/Same-origin_policy\">same-origin URLs</a>.</li> <li>This attribute can be used with <a href=\"/en-US/docs/Web/API/URL.createObjectURL\"><code>blob:</code> URLs</a> and <a href=\"/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs\"><code>data:</code> URLs</a> to download content generated by JavaScript, such as pictures created in an image-editor Web app.</li> <li>If the HTTP header <a href=\"/en-US/docs/Web/HTTP/Headers/Content-Disposition\"><code>Content-Disposition:</code></a> gives a different filename than this attribute, the HTTP header takes priority over this attribute.</li> <li>If <code>Content-Disposition:</code> is set to <code>inline</code>, Firefox prioritizes <code>Content-Disposition</code>, like the filename case, while Chrome prioritizes the <code>download</code> attribute.</li> </ul> </div>"
],
"compatibleTags" : [
"a",
"area"
],
"withDash" : false
},
{
"attributeName" : "src",
"attributeType" : "String",
"docLines" : [
"track - Address of the track (<code>.vtt</code> file). Must be a valid URL. This attribute must be defined.",
"source - Required for <a title=\"The HTML <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element:&nbsp;the browser will choose the most suitable one. It can also be the destination for streamed media, using a MediaStream.\" href=\"/en-US/docs/Web/HTML/Element/audio\"><code>&lt;audio&gt;</code></a> and <a title=\"Use the HTML <video> element to embed video content in a document.\" href=\"/en-US/docs/Web/HTML/Element/video\"><code>&lt;video&gt;</code></a>, address of the media resource. The value of this attribute is ignored when the <code>&lt;source&gt;</code> element is placed inside a <a title=\"The HTML <picture> element is a container used to specify multiple <source> elements for a specific <img> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)\" href=\"/en-US/docs/Web/HTML/Element/picture\"><code>&lt;picture&gt;</code></a> element.",
"video - The URL of the video to embed. This is optional; you may instead use the <a title=\"The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video> element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.\" href=\"/en-US/docs/Web/HTML/Element/source\"><code>&lt;source&gt;</code></a> element within the video block to specify the video to embed.",
"audio - The URL of the audio to embed. This is subject to <a href=\"/en-US/docs/HTTP_access_control\">HTTP access controls</a>. This is optional; you may instead use the <a title=\"The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video> element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.\" href=\"/en-US/docs/Web/HTML/Element/source\"><code>&lt;source&gt;</code></a> element within the audio block to specify the audio to embed.",
"img - The image URL. This attribute is mandatory for the <code>&lt;img&gt;</code> element. On browsers supporting <code>srcset</code>, <code>src</code> is treated like a candidate image with a pixel density descriptor <code>1x</code> unless an image with this pixel density descriptor is already defined in <code>srcset,</code> or unless&nbsp;<code>srcset</code> contains '<code>w</code>' descriptors.",
"input - If the value of the <strong>type</strong> attribute is <code>image</code>, this attribute specifies a URI for the location of an image to display on the graphical submit button,&nbsp;otherwise it is ignored.",
"iframe - The URL of the page to embed. Use <a href=\"/en-US/docs/Web/Security/Same-origin_policy#Inherited_origins\">'about:blank'</a>&nbsp;for empty pages that conform to Same-Origin Policy.",
"embed - The URL&nbsp;of the resource being embedded.",
"script - This attribute specifies the <abbr>URI</abbr> of an external script; this can be used as an alternative to embedding a script directly within a document. If a <code>script</code> element has a <code>src</code> attribute specified, it should not have a script embedded inside its tags."
],
"compatibleTags" : [
"audio",
"embed",
"iframe",
"img",
"input",
"script",
"source",
"track",
"video"
],
"withDash" : false
},
{
"attributeName" : "action",
"attributeType" : "String",
"docLines" : [
"The URI of a program that processes the form information. This value can be overridden by a <code><a href=\"/en-US/docs/Web/HTML/Element/button#attr-formaction\">formaction</a></code> attribute on a <a title=\"The HTML <button> element represents a clickable button.\" href=\"/en-US/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a> or <a title=\"The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.\" href=\"/en-US/docs/Web/HTML/Element/input\"><code>&lt;input&gt;</code></a> element."
],
"compatibleTags" : [
"form"
],
"withDash" : false
},
{
"attributeName" : "poster",
"attributeType" : "String",
"docLines" : [
"A URL indicating a poster frame to show until the user plays or seeks. If this attribute isn't specified, nothing is displayed until the first frame is available; then the first frame is shown as the poster frame."
],
"compatibleTags" : [
"video"
],
"withDash" : false
},
{
"attributeName" : "step",
"attributeType" : "String",
"docLines" : [
"Works with the <strong>min</strong> and <strong>max</strong> attributes to limit the increments at which a numeric or date-time value can be set. It can be the string <code>any</code> or a positive floating point number. If this attribute is not set to <code>any</code>, the control accepts only values at multiples of the step value greater than the minimum."
],
"compatibleTags" : [
"input"
],
"withDash" : false
},
{
"attributeName" : "default",
"attributeType" : "Boolean",
"docLines" : [
"menuitem - This Boolean attribute indicates use of the same command as the menu's subject element (such as a <code>button</code> or <code>input</code>).",
"track - This attribute indicates that the track should be enabled unless the user's preferences indicate that another track is more appropriate. This may only be used on one <code>track</code> element per media element."
],
"compatibleTags" : [
"menuitem",
"track"
],
"withDash" : false
},
{
"attributeName" : "type",
"attributeType" : "String",
"docLines" : [
"style - This attribute defines the styling language as a MIME type (charset should not be specified). This attribute is optional and defaults to <code>text/css</code> if it's missing.",
"object - The <a href=\"/en-US/docs/Glossary/Content_type\">content type</a> of the resource specified by <strong>data</strong>. At least one of <strong>data</strong> and <strong>type</strong> must be defined.",
"li - This character attribute indicates the numbering type: <ul> <li><code>a</code>: lowercase letters</li> <li><code>A</code>: uppercase letters</li> <li><code>i</code>: lowercase Roman numerals</li> <li><code>I</code>: uppercase Roman numerals</li> <li><code>1</code>: numbers</li> </ul> This type overrides the one used by its parent <a title=\"The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.\" href=\"/en-US/docs/Web/HTML/Element/ol\"><code>&lt;ol&gt;</code></a> element, if any. <div class=\"note\"> <strong>Usage note:</strong> This attribute has been deprecated: use the CSS <a title=\"The list-style-type CSS property specifies the appearance of a list item element.\" href=\"/en-US/docs/Web/CSS/list-style-type\"><code>list-style-type</code></a> property instead.</div>",
"param - Only used if the <code>valuetype</code> is set to \"ref\". Specifies the MIME type of values found at the URI specified by value.",
"source - The MIME-type of the resource, optionally with a <code>codecs</code> parameter. See <a class=\"external\" href=\"https://tools.ietf.org/html/rfc4281\">RFC 4281</a> for information about how to specify codecs.",
"button - The type of the button. Possible values are: <ul> <li><code>submit</code>: The button submits the form data to the server. This is the default if the attribute is not specified, or if the attribute is dynamically changed to an empty or invalid value.</li> <li><code>reset</code>: The button resets all the controls to their initial values.</li> <li><code>button</code>: The button has no default behavior. It can have client-side scripts associated with the element's events, which are triggered when the events occur.</li> </ul>",
"script - <p>Indicates the type of script represented. The value of this attribute will be in one of the following categories:</p> <ul> <li><strong>Omitted or a JavaScript MIME type:</strong> For HTML5-compliant browsers this indicates the script is JavaScript. HTML5 spec urges authors to omit the attribute rather than provided a redundant MIME type. In earlier browsers, this identified the scripting language of the embedded or imported (via the <code>src</code> attribute) code. JavaScript MIME types are <a href=\"/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types\">listed in the specification</a>.</li> <li><strong><code>module</code>:</strong> <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span> For HTML5-compliant browsers&nbsp;the code is treated as a JavaScript module. Processing of the script contents are not affected by the <code>charset</code> and <code>defer</code> attributes. For information on using <code>module</code>, see <a class=\"external-icon external\" href=\"https://hacks.mozilla.org/2015/08/es6-in-depth-modules/\">ES6 in Depth: Modules</a>.&nbsp;<span title=\"This is an experimental API that should not be used in production code.\"><i class=\"icon-beaker\"> </i></span></li> <li><strong>Any other value or MIME type:</strong> Embedded content is treated as a data block which won't be processed by the browser. The <code>src</code> attribute will be ignored.</li> </ul> <p>Note that in Firefox you can use advanced features such as let statements and other features in later JS versions, by using <code>type=application/javascript;version=1.8</code>&nbsp;<span title=\"This API has not been standardized.\"><i class=\"icon-warning-sign\"> </i></span>.&nbsp;Beware, however, that&nbsp;as this is a non-standard feature, this will most likely break support for&nbsp;other browsers, in particular Chromium-based browsers.</p> <p>For how to include <em>exotic programming languages</em>, read about <a href=\"/en-US/Add-ons/Code_snippets/Rosetta\">Rosetta</a>.</p>",
"link - This attribute is used to define the type of the content linked to. The value of the attribute should be a MIME type such as <strong>text/html</strong>, <strong>text/css</strong>, and so on. The common use of this attribute is to define the type of style sheet linked and the most common current value is <strong>text/css</strong>, which indicates a Cascading Style Sheet format. It is also used on <code>rel=\"preload\"</code> link types, to make sure the browser only downloads file types that it supports.",
"embed - The MIME&nbsp;type to use to select the plug-in to instantiate.",
"ul - Used to set the bullet style for the list. The values defined under <a class=\"new\" href=\"/en-US/docs/HTML3.2\">HTML3.2</a> and the transitional version of <a class=\"new\" href=\"/en-US/docs/HTML4.01\">HTML 4.0/4.01</a> are: <ul> <li><code>circle</code>,</li> <li><code>disc</code>,</li> <li>and <code>square</code>.</li> </ul> <p>A fourth bullet type has been defined in the WebTV interface, but not all browsers support it: <code>triangle.</code></p> <p>If not present and if no <a href=\"/en-US/docs/CSS\">CSS</a> <a title=\"The list-style-type CSS property specifies the appearance of a list item element.\" href=\"/en-US/docs/Web/CSS/list-style-type\"><code>list-style-type</code></a> property does apply to the element, the user agent decide to use a kind of bullets depending on the nesting level of the list.</p> <div class=\"note\"> <strong>Usage note:</strong> Do not use this attribute, as it has been deprecated; use the <a href=\"/en-US/docs/CSS\">CSS</a> <a title=\"The list-style-type CSS property specifies the appearance of a list item element.\" href=\"/en-US/docs/Web/CSS/list-style-type\"><code>list-style-type</code></a> property instead.</div>",
"a - Specifies the media type in the form of a <a title=\"MIME type: A&nbsp;MIME type&nbsp;(now properly called &quot;media type&quot;, but&nbsp;also sometimes &quot;content type&quot;) is a string sent along&nbsp;with a file indicating the file&nbsp;type (for example, a sound file might be labeled&nbsp;audio/ogg, or an image file&nbsp;image/png). It serves the same purpose as filename&nbsp;extensions traditionally do on Windows.\" class=\"glossaryLink\" href=\"/en-US/docs/Glossary/MIME_type\">MIME type</a> for the linked URL. It is purely advisory, with no built-in functionality.",
"input - The type of control to render. See <a href=\"#Form_<input>_types\">Form &lt;input&gt; types</a> for the individual types, with links to more information about each.",
"area - This attribute specifies the media type in the form of a MIME type for the link target. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see <a title=\"Linkification: https://www.w3.org/TR/html4/references.html#ref-MIMETYPES\" class=\"external linkification-ext\" href=\"https://www.w3.org/TR/html4/references.html#ref-MIMETYPES\">https://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a>. Use this attribute only if the <strong>href</strong> attribute is present.",
"ol - Indicates the numbering type: <ul> <li><code>'a'</code> indicates lowercase letters,</li> <li><code>'A'</code> indicates uppercase letters,</li> <li><code>'i'</code> indicates lowercase Roman numerals,</li> <li><code>'I'</code> indicates uppercase Roman numerals,</li> <li>and <code>'1'</code> indicates numbers (default).</li> </ul> <p>The type set is used for the entire list unless a different <code><a href=\"/en-US/docs/Web/HTML/Element/li#attr-type\">type</a></code> attribute is used within an enclosed <a title=\"The HTML <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.\" href=\"/en-US/docs/Web/HTML/Element/li\"><code>&lt;li&gt;</code></a> element.</p> <div class=\"note\"> <strong>Note:&nbsp;</strong>This attribute was deprecated in HTML4, but reintroduced in HTML5. Unless the value of the list number matters (e.g. in legal or technical documents where items are to be referenced by their number/letter), the CSS <a title=\"The list-style-type CSS property specifies the appearance of a list item element.\" href=\"/en-US/docs/Web/CSS/list-style-type\"><code>list-style-type</code></a> property should be used instead.</div>",
"menu - This attribute indicates the kind of menu being declared, and can be one of two values. <ul> <li><code>context</code>: Indicates the <em>popup menu</em> state, which represents a group of commands activated through another element. This might be as a button menu referenced by a <code><a href=\"/en-US/docs/Web/HTML/Element/button#attr-menu\">menu</a></code> attribute of a <a title=\"The HTML <button> element represents a clickable button.\" href=\"/en-US/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a> element, or as context menu for an element with a <a href=\"/en-US/docs/HTML/Global_attributes#attr-contextmenu\"><code>contextmenu</code></a> attribute. This value is the default if the attribute is missing and the parent element is also a <code>&lt;menu&gt;</code> element.</li> <li><code>toolbar</code>: Indicates the <em>toolbar</em> state, which represents a toolbar consisting of a series of commands for user interaction. This might be in the form of an unordered list of <a title=\"The HTML <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). In menus and unordered lists, list items are usually displayed using bullet points. In ordered lists, they are usually displayed with an ascending counter on the left, such as a number or letter.\" href=\"/en-US/docs/Web/HTML/Element/li\"><code>&lt;li&gt;</code></a> elements, or, if the element has no <code>&lt;li&gt;</code> element children, flow content describing available commands. This value is the default if the attribute is missing.</li> </ul>",
"menuitem - This attribute indicates the kind of command, and can be one of three values. <ul> <li><code>command</code>: A regular command with an associated action. This is the missing value default.</li> <li><code>checkbox</code>: Represents a command that can be toggled between two different states.</li> <li><code>radio</code>: Represent one selection from a group of commands that can be toggled as radio buttons.</li> </ul>"
],
"compatibleTags" : [
"a",
"area",
"button",
"embed",
"input",
"li",
"link",
"menu",
"menuitem",
"object",
"ol",
"param",
"script",
"source",
"style",
"ul"
],
"withDash" : false
},
{
"attributeName" : "draggable",
"attributeType" : "String",
"docLines" : [
"Is an enumerated attribute indicating whether the element can be dragged, using the \n<a href=\"/en-us/docs/DragDrop/Drag_and_Drop\">Drag and Drop API</a>. It can have the following values: \n<ul> \n <li><code>true</code>, which indicates that the element may be dragged</li> \n <li><code>false</code>, which indicates that the element may not be dragged.</li> \n</ul>"
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "max",
"attributeType" : "String",
"docLines" : [
"meter - The upper numeric bound of the measured range. This must be greater than the minimum value (<code>min</code> attribute), if specified. If unspecified, the maximum value is 1.",
"progress - This attribute describes how much work the task indicated by the <code>progress</code> element requires. The <code>max</code> attribute, if present, must have a value greater than zero and be a valid floating point number. The default value is 1.",
"input - The maximum (numeric or date-time) value for this item, which must not be less than its minimum (<strong>min</strong> attribute) value."
],
"compatibleTags" : [
"input",
"meter",
"progress"
],
"withDash" : false
},
{
"attributeName" : "value",
"attributeType" : "String",
"docLines" : [
"meter - The current numeric value. This must be between the minimum and maximum values (<code>min</code> attribute and <code>max</code> attribute) if they are specified. If unspecified or malformed, the value is 0. If specified, but not within the range given by the <code>min</code> attribute and <code>max</code> attribute, the value is equal to the nearest end of the range. <div class=\"note\"> <strong>Usage note: </strong>Unless the <code>value</code> attribute is between <code>0</code> and <code>1</code> (inclusive), the <code>min</code> and <code>max</code> attributes should define the range so that the <code>value</code> attribute's value is within it.</div>",
"input - The initial value of the control. This attribute is optional except when the value of the <strong>type</strong> attribute is <code>radio</code> or <code>checkbox</code>.<br> Note that when reloading the page, Gecko and IE <a class=\"external link-https\" href=\"https://bugzilla.mozilla.org/show_bug.cgi?id=46845#c186\">will ignore the value specified in the HTML source</a>, if the value was changed before the reload.",
"li - This integer attribute indicates the current ordinal value of the list item as defined by the <a title=\"The HTML <ol> element represents an ordered list of items, typically rendered as a numbered list.\" href=\"/en-US/docs/Web/HTML/Element/ol\"><code>&lt;ol&gt;</code></a> element. The only allowed value for this attribute is a number, even if the list is displayed with Roman numerals or letters. List items that follow this one continue numbering from the value set. The <strong>value</strong> attribute has no meaning for unordered lists (<a title=\"The HTML <ul> element represents an unordered list of items, typically rendered as a bulleted list.\" href=\"/en-US/docs/Web/HTML/Element/ul\"><code>&lt;ul&gt;</code></a>) or for menus (<a title=\"The HTML <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked.\" href=\"/en-US/docs/Web/HTML/Element/menu\"><code>&lt;menu&gt;</code></a>). <div class=\"note\"> <strong>Note</strong>: This attribute was deprecated in HTML4, but reintroduced in HTML5.</div> <div class=\"note\"> <p><strong>Note:</strong> Prior to <span title=\"(Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6)\">Gecko&nbsp;9.0</span>, negative values were incorrectly converted to 0. Starting in <span title=\"(Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6)\">Gecko&nbsp;9.0</span> all integer values are correctly parsed.</p> </div>",
"param - Specifies the value of the parameter.",
"progress - This attribute specifies how much of the task that has been completed. It must be a valid floating point number between 0 and <code>max</code>, or between 0 and 1 if <code>max</code> is omitted. If there is no <code>value</code> attribute, the progress bar is indeterminate; this indicates that an activity is ongoing with no indication of how long it is expected to take.",
"button - The initial value of the button. It defines the value associated with the button which is submitted with the form data. &nbsp;This value is passed to the server in params&nbsp;when the form is submitted.",
"data - This attribute specifies the machine-readable translation of the content of the element.",
"option - The content of this attribute represents the value to be submitted with the form, should this option be selected.&nbsp;If this attribute is omitted, the value is taken from the text content of the option element."
],
"compatibleTags" : [
"button",
"data",
"input",
"li",
"meter",
"option",
"param",
"progress",
"select",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "headers",
"attributeType" : "String",
"docLines" : [
"th - This attribute contains&nbsp;a list of space-separated strings, each corresponding to the <code>id</code> attributes of other <a title=\"The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.\" href=\"/en-US/docs/Web/HTML/Element/th\"><code>&lt;th&gt;</code></a> elements that relate to this element.",
"td - This attribute contains a list of space-separated strings, each corresponding to the <strong>id</strong> attribute of the <a title=\"The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.\" href=\"/en-US/docs/Web/HTML/Element/th\"><code>&lt;th&gt;</code></a> elements that apply to this element."
],
"compatibleTags" : [
"td",
"th"
],
"withDash" : false
},
{
"attributeName" : "alt",
"attributeType" : "String",
"docLines" : [
"img - This attribute defines the alternative text describing the image. Users will see this text displayed if the image URL is wrong, the image is not in one of the <a href=\"#Supported_image_formats\">supported formats</a>, or if the image is not yet downloaded. <div class=\"note\"> <p>Browsers do not always display the image referenced by the element. This is the case for non-graphical browsers (including those used by people with vision impairments), if the user chooses not to display images, or if the browser cannot display the image because it is invalid or an <a href=\"#Supported_image_formats\">unsupported type</a>. In these cases, the browser may replace the image with the text defined in this element's <code>alt</code> attribute. You should, for these reasons and others, provide a useful value for <code>alt</code> whenever possible.</p> </div> <div class=\"note\"> <p>Omitting this attribute altogether&nbsp;indicates that the image is a key part of the content, and no textual equivalent is available. Setting this attribute to an empty string (<code>alt=\"\")</code> indicates that this image is <em>not</em> a key part of the content, and that&nbsp;non-visual browsers may omit it from rendering.</p> </div>",
"area - A text string alternative to display on browsers that do not display images. The text should be phrased so that it presents the user with the same kind of choice as the image would offer when displayed without the alternative text. In HTML4, this attribute is required, but may be the empty string (\"\"). In HTML5, this attribute is required only if the <strong>href</strong> attribute is used."
],
"compatibleTags" : [
"area",
"img"
],
"withDash" : false
},
{
"attributeName" : "method",
"attributeType" : "String",
"docLines" : [
"The <a href=\"/en-US/docs/Web/HTTP\">HTTP</a> method that the browser uses to submit the form. Possible values are: <ul> <li><code>post</code>: Corresponds to the HTTP <a class=\"external\" href=\"https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.5\">POST method</a> ; form data are included in the body of the form and sent to the server.</li> <li><code>get</code>: Corresponds to the HTTP <a class=\"external\" href=\"https://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9.3\">GET method</a>; form data are appended to the <code>action</code> attribute URI with a '?' as separator, and the resulting URI is sent to the server. Use this method when the form has no side-effects and contains only ASCII characters.</li> </ul> <p>This value can be overridden by a <code><a href=\"/en-US/docs/Web/HTML/Element/button#attr-formmethod\">formmethod</a></code> attribute on a <a title=\"The HTML <button> element represents a clickable button.\" href=\"/en-US/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a> or <a title=\"The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.\" href=\"/en-US/docs/Web/HTML/Element/input\"><code>&lt;input&gt;</code></a> element.</p>"
],
"compatibleTags" : [
"form"
],
"withDash" : false
},
{
"attributeName" : "dangerouslySetInnerHTML",
"attributeType" : "js.Object",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "title",
"attributeType" : "String",
"docLines" : [
"a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, big, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr - Contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.",
"style - Specifies alternative style sheet sets.",
"link - The <code>title</code> attribute has special semantics on the <code>&lt;link&gt;</code> element. When used on a <code>&lt;link rel=\"stylesheet\"&gt;</code> it defines a <a href=\"/en-US/docs/Web/CSS/Alternative_style_sheets\">preferred or an alternate stylesheet</a>. Incorrectly using it may <a href=\"/en-US/docs/Correctly_Using_Titles_With_External_Stylesheets\">cause the stylesheet to be ignored</a>."
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "optimum",
"attributeType" : "String",
"docLines" : [
"This attribute indicates the optimal numeric value. It must be within the range (as defined by the <code>min</code> attribute and <code>max</code> attribute). When used with the <code>low</code> attribute and <code>high</code> attribute, it gives an indication where along the range is considered preferable. For example, if it is between the <code>min</code> attribute and the <code>low</code> attribute, then the lower range is considered preferred."
],
"compatibleTags" : [
"meter"
],
"withDash" : false
},
{
"attributeName" : "pattern",
"attributeType" : "String",
"docLines" : [
"A regular expression that the control's value is checked against. The pattern must match the entire value, not just some subset. Use the <strong>title</strong> attribute to describe the pattern to help the user. This attribute applies when the value of the <strong>type</strong> attribute is <code>text</code>, <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code>, or <code>password</code>,&nbsp;otherwise it is ignored. The regular expression language is the same as JavaScript <a title=\"The RegExp constructor creates a regular expression object for matching text with a pattern.\" href=\"/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp\"><code>RegExp</code></a> algorithm, with the <code>'u'</code> parameter that makes it treat the pattern as a sequence of unicode code points. The pattern is not surrounded by forward slashes."
],
"compatibleTags" : [
"input"
],
"withDash" : false
},
{
"attributeName" : "rel",
"attributeType" : "String",
"docLines" : [
"area - For anchors containing the <strong>href</strong> attribute, this attribute specifies the relationship of the target object to the link object. The value is a comma-separated list of <a href=\"/en-US/docs/Web/HTML/Link_types\">link types values</a>. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the <strong>href</strong> attribute is present.",
"link - This attribute names a relationship of the linked document to the current document. The attribute must be a space-separated list of the <a href=\"/en-US/docs/Web/HTML/Link_types\">link types values</a>. The most common use of this attribute is to specify a link to an external style sheet: the <strong>rel</strong> attribute is set to <code>stylesheet</code>, and the <strong>href</strong> attribute is set to the URL of an external style sheet to format the page. WebTV also supports the use of the value <code>next</code> for <strong>rel</strong> to preload the next page in a document series.",
"a - Specifies the relationship of the target object to the link object. The value is a space-separated list of <a href=\"/en-US/docs/Web/HTML/Link_types\">link types</a>."
],
"compatibleTags" : [
"a",
"area",
"link"
],
"withDash" : false
},
{
"attributeName" : "hidden",
"attributeType" : "Boolean",
"docLines" : [
"Is a Boolean attribute indicates that the element is not yet, or is no longer, \n<em>relevant</em>. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown."
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "lang",
"attributeType" : "String",
"docLines" : [
"Participates in defining the language of the element, the language that non-editable elements are written in or the language that editable elements should be written in. The tag contains one single entry value in the format defined&nbsp;in the \n<a class=\"external\" href=\"https://www.ietf.org/rfc/bcp/bcp47.txt\"><em>Tags for Identifying Languages (BCP47)</em></a> IETF document. \n<a href=\"#attr-xml:lang\"><strong>xml:lang</strong></a> has priority over it."
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "shape",
"attributeType" : "String",
"docLines" : [
"a - This attribute was used to define a region for hyperlinks to create an image map. The values are <code>circle</code>, <code>default</code>, <code>polygon</code>, and <code>rect</code>. The format of the <strong>coords</strong> attribute depends on the value of shape. For <code>circle</code>, the value is <code>x,y,r</code> where <code>x</code> and <code>y</code> are the pixel coordinates for the center of the circle and <code>r</code> is the radius value in pixels. For <code>rect</code>, the <strong>coords</strong> attribute should be <code>x,y,w,h</code>. The <code>x,y</code> values define the upper-left-hand corner of the rectangle, while <code>w</code> and <code>h</code> define the width and height respectively. A value of <code>polygon</code> for <strong>shape</strong> requires <code>x1,y1,x2,y2,...</code> values for <strong>coords</strong>. Each of the <code>x,y</code> pairs defines a point in the polygon, with successive points being joined by straight lines and the last point joined to the first. The value <code>default</code> for shape requires that the entire enclosed area, typically an image, be used. <div class=\"note\"> <strong>Note:</strong> Use the <a href=\"/en-US/docs/Web/HTML/Element/img#attr-usemap\"><code>usemap</code> attribute</a> for the <a title=\"The HTML <img> element represents an image in the document.\" href=\"/en-US/docs/Web/HTML/Element/img\"><code>&lt;img&gt;</code></a> element and the associated <a title=\"The HTML <map> element is used with <area> elements to define an image map (a clickable link area).\" href=\"/en-US/docs/Web/HTML/Element/map\"><code>&lt;map&gt;</code></a> element to define hotspots instead of the <code>shape</code> attribute.</div>",
"area - The shape of the associated hot spot. The specifications for HTML 5 and HTML 4 define the values <code>rect</code>, which defines a rectangular region; <code>circle</code>, which defines a circular region; <code>poly</code>, which defines a polygon; and <code>default</code>, which indicates the entire region beyond any defined shapes. Many browsers, notably Internet Explorer 4 and higher, support <code>circ</code>, <code>polygon</code>, and <code>rectangle</code> as valid values for <strong>shape</strong>; these values are <span title=\"This API has not been standardized.\"><i class=\"icon-warning-sign\"> </i></span>."
],
"compatibleTags" : [
"a",
"area"
],
"withDash" : false
},
{
"attributeName" : "summary",
"attributeType" : "String",
"docLines" : [
"This attribute defines an alternative text that summarizes the content of the table. Typically, it allows visually impaired people&nbsp;who are browsing the web with&nbsp;a Braille screen, to acquire information about the table. If the information added by&nbsp;this attribute is also&nbsp;useful to people who are not visually impaired, consider using the <a title=\"The HTML <caption> element represents the title of a table. Though it is always the first descendant of a <table>, its styling, using CSS, may place it elsewhere, relative to the table.\" href=\"/en-US/docs/Web/HTML/Element/caption\"><code>&lt;caption&gt;</code></a> instead. The summary attribute is not mandatory and may be omitted when a <a title=\"The HTML <caption> element represents the title of a table. Though it is always the first descendant of a <table>, its styling, using CSS, may place it elsewhere, relative to the table.\" href=\"/en-US/docs/Web/HTML/Element/caption\"><code>&lt;caption&gt;</code></a> element fulfills its role. <div class=\"note\"> <strong>Usage Note: </strong>Do not use this attribute, as it has been deprecated. Instead, choose one of these methods to add a description of a table: <ul> <li>Use&nbsp;prose&nbsp;around&nbsp;the table (this method is less&nbsp;semantic).</li> <li>Add a description in the table's <a title=\"The HTML <caption> element represents the title of a table. Though it is always the first descendant of a <table>, its styling, using CSS, may place it elsewhere, relative to the table.\" href=\"/en-US/docs/Web/HTML/Element/caption\"><code>&lt;caption&gt;</code></a> element.</li> <li>Add a description in a <a title=\"The HTML <details> element is used as a disclosure widget from which the user can retrieve additional information.\" href=\"/en-US/docs/Web/HTML/Element/details\"><code>&lt;details&gt;</code></a> element, inside the table's <a title=\"The HTML <caption> element represents the title of a table. Though it is always the first descendant of a <table>, its styling, using CSS, may place it elsewhere, relative to the table.\" href=\"/en-US/docs/Web/HTML/Element/caption\"><code>&lt;caption&gt;</code></a> element.</li> <li>Include the <a title=\"The HTML <table> element represents tabular data — that is, information expressed via a two-dimensional data table.\" href=\"/en-US/docs/Web/HTML/Element/table\"><code>&lt;table&gt;</code></a> element in a <a title=\"The HTML <figure> element represents self-contained content, frequently with a caption (<figcaption>), and is typically referenced as a single unit.\" href=\"/en-US/docs/Web/HTML/Element/figure\"><code>&lt;figure&gt;</code></a> element and add the description in prose next to it.</li> <li>Include the <a title=\"The HTML <table> element represents tabular data — that is, information expressed via a two-dimensional data table.\" href=\"/en-US/docs/Web/HTML/Element/table\"><code>&lt;table&gt;</code></a> element in a <a title=\"The HTML <figure> element represents self-contained content, frequently with a caption (<figcaption>), and is typically referenced as a single unit.\" href=\"/en-US/docs/Web/HTML/Element/figure\"><code>&lt;figure&gt;</code></a> element and add the description in prose inside a <a title=\"The HTML <figcaption> element represents a caption or a legend associated with a figure or an illustration described by the rest of the data of the <figure> element which is its immediate ancestor.\" href=\"/en-US/docs/Web/HTML/Element/figcaption\"><code>&lt;figcaption&gt;</code></a> element.</li> <li>Adjust the table so that a description is not&nbsp;needed (e.g.&nbsp;use&nbsp;<a title=\"The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.\" href=\"/en-US/docs/Web/HTML/Element/th\"><code>&lt;th&gt;</code></a> and <a title=\"The HTML <thead> element defines a set of rows defining the head of the columns of the table.\" href=\"/en-US/docs/Web/HTML/Element/thead\"><code>&lt;thead&gt;</code></a> elements).</li> </ul> </div>"
],
"compatibleTags" : [
"table"
],
"withDash" : false
},
{
"attributeName" : "content",
"attributeType" : "String",
"docLines" : [
"This attribute contains the value for the <code><a href=\"/en-US/docs/Web/HTML/Element/meta#attr-http-equiv\">http-equiv</a></code> or <code><a href=\"/en-US/docs/Web/HTML/Element/meta#attr-name\">name</a></code> attribute, depending on which was used."
],
"compatibleTags" : [
"meta"
],
"withDash" : false
},
{
"attributeName" : "cite",
"attributeType" : "String",
"docLines" : [
"ins - This attribute defines the URI of a resource that explains the change, such as a link to meeting minutes or a ticket in a troubleshooting sytem.",
"q - The value of this attribute is a URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote.",
"del - A URI for a resource that explains the change (for example, meeting minutes).",
"blockquote - A URL that designates a source document or message for the information quoted. This attribute is intended to point to information explaining the context or the reference for the quote."
],
"compatibleTags" : [
"blockquote",
"del",
"ins",
"q"
],
"withDash" : false
},
{
"attributeName" : "name",
"attributeType" : "String",
"docLines" : [
"param - Name of the parameter.",
"a - This attribute was required for anchors defining a possible target location within a page. In HTML 4.01, <code>id</code> and <code>name</code> could be used simultaneously on a <code>&lt;a&gt;</code> element as long as they have identical values. <div class=\"note\"> <p><strong>Usage note:</strong> This attribute is obsolete in HTML5, use the <a href=\"/en-US/docs/HTML/Global_attributes#attr-id\">global attribute <code>id</code></a> instead.</p> </div>",
"input, keygen - The name of the control, which is submitted with the form data.",
"button - The name of the button, which is submitted with the form data.",
"iframe - A name for the embedded browsing context (or frame). This can be used as the value of the <code><strong>target</strong></code> attribute of an <a title=\"The HTML <a> element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.\" href=\"/en-US/docs/Web/HTML/Element/a\"><code>&lt;a&gt;</code></a>, <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> or&nbsp;<a title=\"The HTML <base> element specifies the base URL to use for all relative URLs contained within a document. There can be only one <base> element in a document.\" href=\"/en-US/docs/Web/HTML/Element/base\"><code>&lt;base&gt;</code></a> element, or the formtarget attribute of an <a title=\"The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.\" href=\"/en-US/docs/Web/HTML/Element/input\"><code>&lt;input&gt;</code></a> or <a title=\"The HTML <button> element represents a clickable button.\" href=\"/en-US/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a> element. It can also be used as the value of the&nbsp;<code>windowName</code>&nbsp;parameter in the <a title=\"The&nbsp;Window interface's open() method loads the specified resource into the browsing context (window, frame&nbsp;or tab) with the specified name. If the name doesn't exist, then a new window is opened and the specified resource is loaded into its browsing context.\" href=\"/en-US/docs/Web/API/Window/open\"><code>window.open()</code></a> method.",
"map - The name attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no space characters. The value of the name attribute must not be a compatibility-caseless match for the value of the name attribute of another map element in the same document. If the id attribute is also specified, both attributes must have the same value.",
"img - A name for the element. It is supported in <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML\">HTML 4</a></span> only for backward compatibility. Use the <code>id</code> attribute instead.",
"output - The name of the element.",
"fieldset - The name associated with the group.<br> &nbsp; <div class=\"note\"> The label for the field set is given by the first <a href=\"/en-US/docs/Web/HTML/Element/legend\" title=\"The HTML <legend> element represents a caption for the content of its parent <fieldset>.\"><code>&lt;legend&gt;</code></a> element that is a child of this field set.</div>",
"form - The name of the form. In HTML 4, its use is deprecated (<code>id</code> should be used instead). It must be unique among the forms in a document and not just an empty string in HTML 5.",
"area - Define a names for the clickable area so that it can be scripted by older browsers.",
"textarea - The name of the control.",
"select - This attribute is used to specify the name of the control.",
"object - The name of valid browsing context (HTML5), or the name of the control (HTML 4).",
"meta - <p>This attribute defines the name of a piece of document-level metadata. It should not be set if one of the attributes <code><a href=\"/en-US/docs/Web/HTML/Element/meta#attr-itemprop\">itemprop</a></code>, <code><a href=\"/en-US/docs/Web/HTML/Element/meta#attr-http-equiv\">http-equiv</a></code> or <code><a href=\"/en-US/docs/Web/HTML/Element/meta#attr-charset\">charset</a></code> is also set.</p> <p>This metadata name is associated with the value contained by the <code><a href=\"/en-US/docs/Web/HTML/Element/meta#attr-content\">content</a></code> attribute. The possible values for the name attribute are:</p> <ul> <li><code>application-name</code> defines the name of the application running in the web page. <div class=\"note\"> <strong>Note:</strong> <ul> <li>Browsers may use this to identify the application. It is different from the <a title=\"The HTML <title> element defines the title of the document, shown in a browser's title bar or on the page's tab. It can only contain text, and any contained tags are ignored.\" href=\"/en-US/docs/Web/HTML/Element/title\"><code>&lt;title&gt;</code></a> element, which usually contain the application name, but may also contain information like the document name or a status.</li> <li>Simple web pages shouldn't define an application-name.</li> </ul> </div> </li> <li><code>author</code> defines the name of the document's author.</li> <li><code>description</code> contains a short and accurate summary of the content of the page. Several browsers, like Firefox and Opera, use this as the default description of bookmarked pages.</li> <li><code>generator</code> contains the identifier of the software that generated the page.</li> <li><code>keywords</code> contains words relevant to the page's content, separated by commas.</li> <li><code>referrer</code> <span title=\"This is an experimental API that should not be used in production code.\"><i class=\"icon-beaker\"> </i></span> controls the <a href=\"/en-US/docs/Web/HTTP/Headers/Referer\"><code>Referer</code> HTTP header</a> attached to requests sent from the document: <table class=\"standard-table\"> <caption> Values for the <code>content</code> attribute of <code>&lt;meta name=\"referrer\"&gt;</code> </caption> <tbody> <tr> <td><code>no-referrer</code></td> <td>Do not send a HTTP <code>Referer</code> header.</td> </tr> <tr> <td><code>origin</code></td> <td>Send the <a href=\"/en-US/docs/Glossary/Origin\">origin</a> of the document.</td> </tr> <tr> <td><code>no-referrer-when-downgrade</code></td> <td>Send the <a href=\"/en-US/docs/Glossary/Origin\">origin</a> as referrer to URLs as secure as the current page, (https→https), but don't send a referrer to less secure URLs (https→http). This is the default behavior.</td> </tr> <tr> <td><code>origin-when-crossorigin</code></td> <td>Send the full URL (stripped of parameters) for same-origin requests, but only send the <a href=\"/en-US/docs/Glossary/Origin\">origin</a> for other cases.</td> </tr> <tr> <td><code>unsafe-URL</code></td> <td>Send the full URL (stripped of parameters) for same-origin or cross-origin requests.</td> </tr> </tbody> </table> <div class=\"note\"> <ul> <li>Some browsers support the deprecated values <code>always</code>, <code>default</code>, and <code>never</code> for referrer.</li> <li>Dynamically inserting <code>&lt;meta name=\"referrer\"&gt;</code> (with <a href=\"/en-US/docs/Web/API/Document/write\"><code>document.write</code></a> or <a href=\"/en-US/docs/Web/API/Node/appendChild\"><code>appendChild</code></a>) makes referrer behavior unpredictable.</li> <li>When several conflicting policies are defined, the no-referrer policy is applied.</li> </ul> </div> </li> </ul> <p>The attribute may also have a value taken from the extended list defined on <a class=\"external\" href=\"https://wiki.whatwg.org/wiki/MetaExtensions\">WHATWG Wiki MetaExtensions page</a>. Although none have been formally accepted yet, a few commonly used names are:</p> <p>Finally, a few names are in common use, though not in the process of being standardized:</p> <ul> <li><code>creator</code> defines the name of the creator of the document, such as an organization or institution. If there are more than one, several <a title=\"The HTML <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>.\" href=\"/en-US/docs/Web/HTML/Element/meta\"><code>&lt;meta&gt;</code></a> elements should be used.</li> <li><code>googlebot</code>, a synonym of <code>robots</code>, but is only followed by Googlebot, the indexing crawler for Google.</li> <li><code>publisher</code> defines the name of the document's publisher.</li> <li><code>robots</code> defines the behavior that cooperative crawlers, or \"robots\", should use with the page. It is a comma-separated list of the values below: <table class=\"standard-table\"> <caption> Values for the content of <code>&lt;meta name=\"robots\"&gt;</code> </caption> <thead> <tr> <th scope=\"col\">Value</th> <th scope=\"col\">Description</th> <th scope=\"col\">Used by</th> </tr> </thead> <tbody> <tr> <td><code>index</code></td> <td>Allows the robot to index the page (default).</td> <td>All</td> </tr> <tr> <td><code>noindex</code></td> <td>Requests the robot to not index the page.</td> <td>All</td> </tr> <tr> <td><code>follow</code></td> <td>Allows the robot to follow the links on the page (default).</td> <td>All</td> </tr> <tr> <td><code>nofollow</code></td> <td>Requests the robot to not follow the links on the page.</td> <td>All</td> </tr> <tr> <td><code>none</code></td> <td>Equivalent to <code>noindex, nofollow</code></td> <td><a class=\"external\" href=\"https://support.google.com/webmasters/answer/79812\">Google</a></td> </tr> <tr> <td><code>noodp</code></td> <td>Prevents using the <a class=\"external\" href=\"https://www.dmoz.org/\">Open Directory Project</a> description, if any, as the page description in search engine results.</td> <td> <p><a class=\"external\" href=\"https://support.google.com/webmasters/answer/35624#nodmoz\">Google</a>, <a class=\"external\" href=\"https://help.yahoo.com/kb/search-for-desktop/meta-tags-robotstxt-yahoo-search-sln2213.html#cont5\">Yahoo</a>, <a class=\"external\" href=\"https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240\">Bing</a></p> </td> </tr> <tr> <td><code>noarchive</code></td> <td>Requests the search engine not cache the page content.</td> <td><a class=\"external\" href=\"https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives\">Google</a>, <a class=\"external\" href=\"https://help.yahoo.com/kb/search-for-desktop/SLN2213.html\">Yahoo</a>, <a class=\"external\" href=\"https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240\">Bing</a></td> </tr> <tr> <td><code>nosnippet</code></td> <td>Prevents displaying any description of the page in search engine results.</td> <td><a class=\"external\" href=\"https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives\">Google</a>, <a class=\"external\" href=\"https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240\">Bing</a></td> </tr> <tr> <td><code>noimageindex</code></td> <td>Requests this page not appear as the referring page of an indexed image.</td> <td><a class=\"external\" href=\"https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag#valid-indexing--serving-directives\">Google</a></td> </tr> <tr> <td><code>nocache</code></td> <td>Synonym of <code>noarchive</code>.</td> <td><a class=\"external\" href=\"https://www.bing.com/webmaster/help/which-robots-metatags-does-bing-support-5198d240\">Bing</a></td> </tr> </tbody> </table> <div class=\"note\"> <strong>Notes:</strong> <ul> <li>Only cooperative robots follow these rules. Do not expect to prevent e-mail harvesters with them.</li> <li>The robot still needs to access the page in order to read these rules. To prevent bandwidth consumption, use a <em><a title=\"Robot Exclusion Protocol\" class=\"new\" href=\"/en-US/docs/Robot_Exclusion_Protocol\">robots.txt</a></em> file.</li> <li>If you want to remove a page, <code>noindex</code> will work, but only after the robot visits the page again. Ensure that the <code>robots.txt</code> file is not preventing revisits.</li> <li>Some values are mutually exclusive, like <code>index</code> and <code>noindex</code>, or <code>follow</code> and <code>nofollow</code>. In these cases the robot's behavior is undefined and may vary between them.</li> <li>Some crawler robots, like Google, Yahoo, and Bing, support the same values for the HTTP header <code>X-Robot-Tags</code>; this allows non-HTML documents like images to use these rules.</li> </ul> </div> </li> <li><code>slurp</code>, a synonym of <code>robots</code>, but only for Slurp, the crawler for Yahoo Search.</li> <li><code>viewport</code>, which gives hints about the size of the initial size of the <a title=\"viewport: A viewport represents a polygonal (normally rectangular) area in computer graphics that is currently being viewed. In web browser terms, it refers to the part of the document you're viewing which is currently visible in its window. Content outside the viewport is currently not displayed onscreen.\" class=\"glossaryLink\" href=\"/en-US/docs/Glossary/viewport\">viewport</a>. Used by mobile devices only. <table class=\"fullwidth-table\"> <caption> Values for the content of <code>&lt;meta name=\"viewport\"&gt;</code> </caption> <thead> <tr> <th scope=\"col\">Value</th> <th scope=\"col\">Possible subvalues</th> <th scope=\"col\">Description</th> </tr> </thead> <tbody> <tr> <td><code>width</code></td> <td>A positive integer number, or the text <code>device-width</code></td> <td>Defines the pixel width of the viewport, or allows the viewport to adapt to the device's screen width.</td> </tr> <tr> <td><code>height</code></td> <td>A positive integer, or the text <code>device-height</code></td> <td>Defines the height of the viewport. Not used by any browser.</td> </tr> <tr> <td><code>initial-scale</code></td> <td>A positive number between <code>0.0</code> and <code>10.0</code></td> <td>Defines the ratio between the device width (<code>device-width</code> in portrait mode or <code>device-height</code> in landscape mode) and the viewport size.</td> </tr> <tr> <td><code>maximum-scale</code></td> <td>A positive number between <code>0.0</code> and <code>10.0</code></td> <td>Defines the maximum amount to zoom in. It must be greater or equal to the <code>minimum-scale</code> or the behavior is undefined. Browser settings can ignore this rule, and iOS10+ ignores it by default.</td> </tr> <tr> <td><code>minimum-scale</code></td> <td>A positive number between <code>0.0</code> and <code>10.0</code></td> <td>Defines the minimum zoom level. It must be smaller or equal to the <code>maximum-scale</code> or the behavior is undefined. Browser settings can ignore this rule, and iOS10+ ignores it by default.</td> </tr> <tr> <td><code>user-scalable</code></td> <td><code>yes</code> or <code>no</code></td> <td>If set to <code>no</code>, the user is not able to zoom in the webpage. The default is <code>yes</code>. Browser settings can ignore this rule, and iOS10+ ignores it by default.</td> </tr> </tbody> </table> <table class=\"standard-table\"> <thead> <tr> <th scope=\"col\">Specification</th> <th scope=\"col\">Status</th> <th scope=\"col\">Comment</th> </tr> </thead> <tbody> <tr> <td><a hreflang=\"en\" class=\"external\" lang=\"en\" href=\"https://drafts.csswg.org/css-device-adapt/#viewport-meta\">CSS Device Adaptation<br><small lang=\"en-US\">The definition of '&lt;meta name=\"viewport\"&gt;' in that specification.</small></a></td> <td><span class=\"spec-WD\">Working Draft</span></td> <td>Non-normatively describes the Viewport META element</td> </tr> </tbody> </table> <div> See also: <a title=\"The @viewport CSS at-rule contains a set of nested descriptors in a CSS block that is delimited by curly braces. These descriptors control viewport settings, primarily on mobile devices.\" href=\"/en-US/docs/Web/CSS/@viewport\"><code>@viewport</code></a> </div> <div class=\"note\"> <strong>Notes:</strong> <ul> <li>Though unstandardized, this declaration is respected by most mobile browsers due to de-facto dominance.</li> <li>The default values may vary between devices and browsers.</li> <li>To learn about this declaration in Firefox for Mobile, see <a title=\"Mobile/Viewport meta tag\" href=\"/en-US/docs/Mobile/Viewport_meta_tag\">this article</a>.</li> </ul> </div> </li> </ul>"
],
"compatibleTags" : [
"a",
"area",
"button",
"fieldset",
"form",
"iframe",
"img",
"input",
"keygen",
"map",
"meta",
"object",
"output",
"param",
"select",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "style",
"attributeType" : "js.Dynamic",
"docLines" : [
"Contains \n<a href=\"/en-US/docs/Web/CSS\">CSS</a> styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files. This attribute and the \n<a title=\"The HTML <style> element contains style information for a document, or part of a document. By default, the style instructions written inside that element are expected to be CSS.\" href=\"/en-US/docs/Web/HTML/Element/style\"><code>&lt;style&gt;</code></a> element have mainly the purpose of allowing for quick styling, for example for testing purposes."
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "open",
"attributeType" : "Boolean",
"docLines" : [
"dialog - Indicates that the dialog is active and available for interaction. When the open attribute is not set, it shouldn't be shown to the user.",
"details - This Boolean attribute indicates whether the details will be shown to the user on page load. Default is <code>false</code> and so details will be hidden."
],
"compatibleTags" : [
"details",
"dialog"
],
"withDash" : false
},
{
"attributeName" : "coords",
"attributeType" : "String",
"docLines" : [
"a - For use with the below <code>shape</code> attribute, this attribute used a comma-separated list of numbers to define the coordinates of the link on the page.",
"area - A set of values specifying the coordinates of the hot-spot region. The number and meaning of the values depend upon the value specified for the <strong>shape</strong> attribute. For a <code>rect</code> or rectangle shape, the <strong>coords</strong> value is two x,y pairs: left, top, right, and bottom. For a <code>circle</code> shape, the value is <code>x,y,r</code> where <code>x,y</code> is a pair specifying the center of the circle and <code>r</code> is a value for the radius. For a <code>poly</code> or polygon&nbsp;shape, the value is a set of x,y pairs for each point in the polygon: <code>x1,y1,x2,y2,x3,y3,</code> and so on. In HTML4, the values are numbers of pixels or percentages, if a percent sign (%) is appended; in HTML5, the values are numbers of CSS&nbsp;pixels."
],
"compatibleTags" : [
"a",
"area"
],
"withDash" : false
},
{
"attributeName" : "low",
"attributeType" : "String",
"docLines" : [
"The upper numeric bound of the low end of the measured range. This must be greater than the minimum value (<code>min</code> attribute), and it also must be less than the high value and maximum value (<code>high</code> attribute and <code>max</code> attribute, respectively), if any are specified. If unspecified, or if less than the minimum value, the <code>low</code> value is equal to the minimum value."
],
"compatibleTags" : [
"meter"
],
"withDash" : false
},
{
"attributeName" : "checked",
"attributeType" : "Boolean",
"docLines" : [
"menuitem - Boolean attribute which indicates whether the command is selected. May only be used when the <code>type</code> attribute is <code>checkbox</code> or <code>radio</code>.",
"input - <p>When the value of the <strong>type</strong> attribute is <code>radio</code> or <code>checkbox</code>, the presence of this Boolean attribute indicates that the control is selected by default,&nbsp;otherwise it is ignored.</p> <p>Unlike other browsers, Firefox will by default <a class=\"external\" href=\"https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing\">persist the dynamic checked state</a> of an <code>&lt;input&gt;</code> across page loads. Use the <code><a href=\"/en-US/docs/Web/HTML/Element/input#attr-autocomplete\">autocomplete</a></code> attribute to control this feature.</p>"
],
"compatibleTags" : [
"input",
"menuitem"
],
"withDash" : false
},
{
"attributeName" : "ref",
"attributeType" : "RefType",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "list",
"attributeType" : "String",
"docLines" : [
"Identifies a list of pre-defined options to suggest to the user. The value must be the <strong>id</strong> of a <a title=\"The HTML <datalist> element contains a set of <option> elements that represent the values available for other controls.\" href=\"/en-US/docs/Web/HTML/Element/datalist\"><code>&lt;datalist&gt;</code></a> element in the same document. The browser displays only options that are valid values for this input element. This attribute is ignored when the <strong>type</strong> attribute's value is <code>hidden</code>, <code>checkbox</code>, <code>radio</code>, <code>file</code>, or a button type."
],
"compatibleTags" : [
"input"
],
"withDash" : false
},
{
"attributeName" : "scoped",
"attributeType" : "Boolean",
"docLines" : [
"Specifies that the styles only apply to this element's parent element and that element's child elements."
],
"compatibleTags" : [
"style"
],
"withDash" : false
},
{
"attributeName" : "integrity",
"attributeType" : "String",
"docLines" : [
"script - Contains inline metadata that a user agent can use to verify that a fetched resource has been delivered free of unexpected manipulation. See <a href=\"/en-US/docs/Web/Security/Subresource_Integrity\">Subresource Integrity</a>.",
"link - Contains inline metadata, a base64-encoded&nbsp;cryptographic hash of a resource (file) you’re telling the browser to fetch,&nbsp;that a user agent can use to verify that a fetched resource has been delivered free of unexpected manipulation. See <a href=\"/en-US/docs/Web/Security/Subresource_Integrity\">Subresource Integrity</a>."
],
"compatibleTags" : [
"link",
"script"
],
"withDash" : false
},
{
"attributeName" : "icon",
"attributeType" : "String",
"docLines" : [
"Image URL, used to provide a picture to represent the command."
],
"compatibleTags" : [
"menuitem"
],
"withDash" : false
},
{
"attributeName" : "controls",
"attributeType" : "Boolean",
"docLines" : [
"audio - If this attribute is present, the browser will offer controls to allow the user to control audio playback, including volume, seeking, and pause/resume playback.",
"video - If this attribute is present, the browser will offer controls to allow the user to control video playback, including volume, seeking, and pause/resume playback."
],
"compatibleTags" : [
"audio",
"video"
],
"withDash" : false
},
{
"attributeName" : "wrap",
"attributeType" : "String",
"docLines" : [
"textarea - Indicates how the control wraps text. Possible values are: <ul> <li><code>hard</code>: The browser automatically inserts line breaks (CR+LF) so that each line has no more than the width of the control; the <code>cols</code> attribute must be specified.</li> <li><code>soft</code>: The browser ensures that all line breaks in the value consist of a CR+LF pair, but does not insert any additional line breaks.</li> <li><code>off</code>: <span title=\"This API has not been standardized.\"><i class=\"icon-warning-sign\"> </i></span> Like <code>soft</code> but changes appearance to <code>white-space: pre</code> so line segments exceeding <code>cols</code> are not wrapped and area becomes horizontally scrollable.</li> </ul> <p>If this attribute is not specified, <code>soft</code> is its default value.</p>",
"pre - Is a <em>hint</em> indicating how the overflow must happen. In modern browser this hint is ignored and no visual effect results in its present; to achieve such an effect, use CSS <a title=\"The white-space CSS property determines how whitespace inside an element is handled. To make words break within themselves, use overflow-wrap, word-break, or hyphens instead.\" href=\"/en-US/docs/Web/CSS/white-space\"><code>white-space</code></a> instead."
],
"compatibleTags" : [
"pre",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "capture",
"attributeType" : "Boolean",
"docLines" : [
"<p>When the value of the <strong>type</strong> attribute is <code>file</code>, the presence of this Boolean attribute indicates that capture of media directly from the device's environment using a <a class=\"external\" href=\"https://www.w3.org/TR/html-media-capture/#dfn-media-capture-mechanism\">media capture mechanism</a> is preferred.</p>"
],
"compatibleTags" : [
"input"
],
"withDash" : false
},
{
"attributeName" : "scrolling",
"attributeType" : "String",
"docLines" : [
"Enumerated attribute indicating when the browser should provide a scroll bar (or other scrolling device) for the frame: <ul> <li><code>auto</code>: Only when needed.</li> <li><code>yes</code>: Always provide a scroll bar.</li> <li><code>no</code>: Never provide a scroll bar.</li> </ul>"
],
"compatibleTags" : [
"iframe"
],
"withDash" : false
},
{
"attributeName" : "disabled",
"attributeType" : "Boolean",
"docLines" : [
"option - If this Boolean attribute is set, this option is not checkable. Often browsers grey out such control and it won't receive any browsing event, like mouse clicks or focus-related ones. If this attribute is not set, the element can still be disabled if one of its ancestors is a disabled <a title=\"The HTML <optgroup> element creates a grouping of options within a <select> element.\" href=\"/en-US/docs/Web/HTML/Element/optgroup\"><code>&lt;optgroup&gt;</code></a> element.",
"textarea - This Boolean attribute indicates that the user cannot interact with the control. (If this attribute is not specified, the control inherits its setting from the containing element, for example <a title=\"The HTML <fieldset> element is used to group several controls as well as labels (<label>) within a web form.\" href=\"/en-US/docs/Web/HTML/Element/fieldset\"><code>&lt;fieldset&gt;</code></a>; if there is no containing element with the <code>disabled</code> attribute set, then the control is enabled.)",
"menuitem - Boolean attribute which indicates that the command is not available in the current state. Note that <code>disabled</code> is distinct from <code>hidden</code>; the <code>disabled</code> attribute is appropriate in any context where a change in circumstances might render the command relevant.",
"link - This attribute is used to disable a link relationship. In conjunction with scripting, this attribute could be used to turn on and off various style sheet relationships. <div class=\"note\"> <p><strong>Note: </strong>While there is no <code>disabled</code> attribute in the HTML standard, there <strong>is</strong> a <code>disabled</code> attribute on the <code>HTMLLinkElement</code> DOM object.</p> <p>The use of <code>disabled</code> as an HTML attribute is non-standard and only used by some browsers (<a class=\"external\" href=\"https://www.w3.org/Bugs/Public/show_bug.cgi?id=27677\">W3 #27677</a>). <strong>Do not use it</strong>. To achieve a similar effect, use one of the following techniques:</p> <ul> <li>If the <code>disabled</code> attribute has been added directly to the element on the page, do not include the <a title=\"The HTML <link> element specifies relationships between the current document and an external resource. Possible uses for this element include defining a relational framework for navigation. This element is most used to link to style sheets.\" href=\"/en-US/docs/Web/HTML/Element/link\"><code>&lt;link&gt;</code></a> element instead;</li> <li>Set the <code>disabled</code> <strong>property</strong> of the <code>StyleSheet</code> DOM object via scripting.</li> </ul> </div>",
"keygen - This Boolean attribute indicates that the form control is not available for interaction.",
"fieldset - If this Boolean attribute is set, the form controls that are its descendants, except descendants of its first optional <a href=\"/en-US/docs/Web/HTML/Element/legend\" title=\"The HTML <legend> element represents a caption for the content of its parent <fieldset>.\"><code>&lt;legend&gt;</code></a> element, are disabled, i.e., not editable. They won't receive any browsing events, like mouse clicks or focus-related ones. Often browsers display such controls as gray.",
"optgroup - If this Boolean attribute is set, none of the items in this option group is selectable. Often browsers grey out such control and it won't receive any browsing events, like mouse clicks or focus-related ones.",
"select - This Boolean attribute indicates that the user cannot interact with the control. If this attribute is not specified, the control inherits its setting from the containing element, for example <code>fieldset</code>; if there is no containing element with the <code>disabled</code> attribute set, then the control is enabled.",
"input - <p>This Boolean attribute indicates that the form control is not available for interaction. In particular, the <code>click</code> event <a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/forms.html#enabling-and-disabling-form-controls:-the-disabled-attribute\">will not be dispatched</a> on disabled controls. Also, a disabled control's value isn't submitted with the form.</p> <p>Unlike other browsers, Firefox will by default <a class=\"external\" href=\"https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing\">persist the dynamic disabled state</a> of an <code>&lt;input&gt;</code> across page loads. Use the <code><a href=\"/en-US/docs/Web/HTML/Element/input#attr-autocomplete\">autocomplete</a></code> attribute to control this feature.</p>",
"button - <p>This Boolean attribute indicates that the user cannot interact with the button. If this attribute is not specified, the button inherits its setting from the containing element, for example <a title=\"The HTML <fieldset> element is used to group several controls as well as labels (<label>) within a web form.\" href=\"/en-US/docs/Web/HTML/Element/fieldset\"><code>&lt;fieldset&gt;</code></a>; if there is no containing element with the <strong>disabled</strong> attribute set, then the button is enabled.</p> <p>Firefox will, unlike other browsers, by default, <a class=\"external\" href=\"https://stackoverflow.com/questions/5985839/bug-with-firefox-disabled-attribute-of-input-not-resetting-when-refreshing\">persist the dynamic disabled state</a> of a <a title=\"The HTML <button> element represents a clickable button.\" href=\"/en-US/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a> across page loads. Use the <code><a href=\"/en-US/docs/Web/HTML/Element/button#attr-autocomplete\">autocomplete</a></code> attribute to control this feature.</p>"
],
"compatibleTags" : [
"button",
"fieldset",
"input",
"keygen",
"link",
"menuitem",
"optgroup",
"option",
"select",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "async",
"attributeType" : "Boolean",
"docLines" : [
"A boolean attribute indicating that the browser should, if possible, execute the script asynchronously. This attribute must not be used if the <code>src</code> attribute is absent (i.e. for inline scripts). If it is included&nbsp;in this case it will have no effect.&nbsp;<br> <br> Dynamically inserted scripts execute asynchronously by default, so to turn on synchronous execution (i.e. scripts execute in the order they were loaded) set `async=false` See <a href=\"#Browser_compatibility\">Browser compatibility</a> for notes on browser support. See also <a href=\"/en-US/docs/Games/Techniques/Async_scripts\">Async scripts for asm.js</a>."
],
"compatibleTags" : [
"script"
],
"withDash" : false
},
{
"attributeName" : "muted",
"attributeType" : "Boolean",
"docLines" : [
"audio - A Boolean attribute which indicates whether the audio will be initially silenced. Its default value is false.",
"video - A Boolean attribute which indicates the default setting of the audio contained in the video. If set, the audio will be initially silenced. Its default value is false, meaning that the audio will be played when the video is played."
],
"compatibleTags" : [
"audio",
"video"
],
"withDash" : false
},
{
"attributeName" : "placeholder",
"attributeType" : "String",
"docLines" : [
"textarea - A hint to the user of what can be entered in the control. Carriage returns or line-feeds within the placeholder text must be treated as line breaks when rendering the hint.",
"input - A hint to the user of what can be entered in the control . The placeholder text must not contain carriage returns or line-feeds.&nbsp; <div class=\"note\"> <strong>Note:</strong> Do not use the <code>placeholder</code> attribute instead of a <a title=\"The HTML <label> element represents a caption for an item in a user interface.\" href=\"/en-US/docs/Web/HTML/Element/label\"><code>&lt;label&gt;</code></a> element, their purposes are different. The <a title=\"The HTML <label> element represents a caption for an item in a user interface.\" href=\"/en-US/docs/Web/HTML/Element/label\"><code>&lt;label&gt;</code></a> attribute describes the role of the form element (i.e.&nbsp;it indicates what kind of information is expected), and the <code>placeholder</code> attribute is a hint about the format that the content should take. There are cases in which the <code>placeholder</code> attribute is never displayed to the user, so the form must be understandable without it.</div>"
],
"compatibleTags" : [
"input",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "selected",
"attributeType" : "Boolean",
"docLines" : [
"If present, this Boolean attribute indicates that the option is initially selected. If the <code>&lt;option&gt;</code> element is the descendant of a <a title=\"The HTML <select> element represents a control that provides a menu of options:\" href=\"/en-US/docs/Web/HTML/Element/select\"><code>&lt;select&gt;</code></a> element whose <code><a href=\"/en-US/docs/Web/HTML/Element/select#attr-multiple\">multiple</a></code> attribute is not set, only one single <code>&lt;option&gt;</code> of this <a title=\"The HTML <select> element represents a control that provides a menu of options:\" href=\"/en-US/docs/Web/HTML/Element/select\"><code>&lt;select&gt;</code></a> element may have the <code>selected</code> attribute."
],
"compatibleTags" : [
"option"
],
"withDash" : false
},
{
"attributeName" : "className",
"attributeType" : "String",
"docLines" : [
"Is a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the \n<a href=\"/en-US/docs/Web/CSS/Class_selectors\">class selectors</a> or functions like the method \n<a title=\"Returns an array-like object of all child elements which have all of the given class names. When called on the document object, the complete document is searched, including the root node. You may also call getElementsByClassName() on any element; it will return only elements which are descendants of the specified root element with the given class names.\" href=\"/en-US/docs/Web/API/Document/getElementsByClassName\"><code>Document.getElementsByClassName()</code></a>."
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "defer",
"attributeType" : "Boolean",
"docLines" : [
"This Boolean attribute is set to indicate to a browser that the script is meant to be executed after the document has been parsed, but before firing&nbsp;<code><a title=\"/en-US/docs/Web/Events/DOMContentLoaded\" href=\"/en-US/docs/Web/Events/DOMContentLoaded\">DOMContentLoaded</a></code>. This attribute must not be used if the <code>src</code> attribute is absent (i.e. for inline scripts), in this case it would have no effect. To achieve a similar effect for dynamically inserted scripts use <code>async=false</code> instead. Scripts with the <code>defer</code> attribute will execute in the order in which they appear in the document."
],
"compatibleTags" : [
"script"
],
"withDash" : false
},
{
"attributeName" : "htmlFor",
"attributeType" : "String",
"docLines" : [
"label - The ID of a <a href=\"/en-US/docs/Web/Guide/HTML/Content_categories#Form_labelable\">labelable</a> form-related element in the same document as the label element. The first such element in the document with an ID matching the value of the <code>for</code> attribute is the <em>labeled control </em>for this label element.<br> &nbsp; <div class=\"note\"> A label element can have both a <code>for</code> attribute and a contained control element, as long as the <code>for</code> attribute points to the contained control element.</div>",
"output - A list of IDs of other elements, indicating that those elements contributed input values to (or otherwise affected) the calculation."
],
"compatibleTags" : [
"label",
"output"
],
"withDash" : false
},
{
"attributeName" : "nonce",
"attributeType" : "String",
"docLines" : [
"style - A cryptographic nonce (number used once) to whitelist inline styles in a <a href=\"/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src\">style-src Content-Security-Policy</a>. The server must generate a unique nonce value each time it transmits a policy.&nbsp;It is critical to provide an unguessable nonce, as bypassing a resource’s policy is otherwise trivial.",
"script - A cryptographic nonce (number used once) to whitelist inline scripts in a <a href=\"/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src\">script-src Content-Security-Policy</a>. The server must generate a unique nonce value each time it transmits a policy.&nbsp;It is critical to provide an unguessable nonce, as bypassing a resource’s policy is otherwise trivial."
],
"compatibleTags" : [
"script",
"style"
],
"withDash" : false
},
{
"attributeName" : "span",
"attributeType" : "Int",
"docLines" : [
"col - This attribute contains a positive integer indicating the number of consecutive columns the <code>&lt;col&gt;</code> element spans. If not present, its default value is <code>1</code>.",
"colgroup - This attribute contains a positive integer indicating the number of consecutive columns the <code>&lt;colgroup&gt;</code> element spans. If not present, its default value is <code>1</code>. <div class=\"note\"> <strong>Note: </strong>This attribute is applied on the attributes of the column group, it has no effect on the CSS styling rules associated with it or, even more, to the cells of the column's members of the group. <ul> <li>The <code>span</code> attribute may not be present if there are one or more <code>&lt;col&gt;</code> elements within the <code>&lt;colgroup&gt;</code>.</li> </ul> </div>"
],
"compatibleTags" : [
"col",
"colgroup"
],
"withDash" : false
},
{
"attributeName" : "colSpan",
"attributeType" : "Int",
"docLines" : [
"td - This attribute contains a positive integer indicating the number of consecutive columns the <code>&lt;td&gt;</code> element spans. If not present, its default value is <code>1</code>.",
"th - This attribute contains a positive integer indicating the number of consecutive columns the <code>&lt;th&gt;</code> element spans. If not present, its default value is <code>1</code>."
],
"compatibleTags" : [
"td",
"th"
],
"withDash" : false
},
{
"attributeName" : "rowSpan",
"attributeType" : "Int",
"docLines" : [
"td - This attribute contains a positive integer indicating the number of consecutive rows the <code>&lt;td&gt;</code> element spans. If not present, its default value is <code>1</code>.",
"th - This attribute contains a positive integer indicating the number of consecutive rows the <code>&lt;th&gt;</code> element spans. If not present, its default value is <code>1</code>."
],
"compatibleTags" : [
"td",
"th"
],
"withDash" : false
},
{
"attributeName" : "href",
"attributeType" : "String",
"docLines" : [
"a - Contains a URL or a URL fragment that the hyperlink points to. A URL fragment is a name preceded by a hash mark (<code>#</code>), which specifies an internal target location (an <a href=\"/en-US/docs/HTML/Global_attributes#attr-id\">ID</a> of an HTML element) within the current document. URLs are not restricted to Web (HTTP)-based documents, but can use any protocol supported by the browser. For example, <a class=\"external\" href=\"https://en.wikipedia.org/wiki/File_URI_scheme\"><code>file:</code></a>, <code>ftp:</code>, and <code>mailto:</code> work in most browsers. This attribute may be omitted (as of HTML5) to create a placeholder link. A placeholder link resembles a traditional hyperlink, but does not lead anywhere. <div class=\"note\"> <p><strong>Note:</strong> You can use <code>href=\"#top\"</code> or the empty fragment <code>href=\"#\"</code> to link to the top of the current page. <a class=\"external\" href=\"https://www.w3.org/TR/html5/single-page.html#scroll-to-fragid\">This behavior is specified by HTML5</a>.</p> </div>",
"area - The hyperlink target for the area. Its value is a valid URL. In HTML4, either this attribute or the <strong>nohref</strong> attribute must be present in the element. In HTML5, this attribute may be omitted; if so, the area element does not represent a hyperlink.",
"link - This attribute specifies the <a title=\"URL: Uniform Resource Locator (URL) is a text string specifying where a resource can be found on the Internet.\" class=\"glossaryLink\" href=\"/en-US/docs/Glossary/URL\">URL</a> of the linked resource. A URL might be absolute or relative.",
"base - The base URL to be used throughout the document for relative URL addresses. If this attribute is specified, this element must come before any other elements with attributes whose values are URLs. Absolute and relative URLs are allowed."
],
"compatibleTags" : [
"a",
"area",
"base",
"link"
],
"withDash" : false
},
{
"attributeName" : "autoComplete",
"attributeType" : "String",
"docLines" : [
""
],
"compatibleTags" : [
"input",
"form"
],
"withDash" : false
},
{
"attributeName" : "defaultChecked",
"attributeType" : "Boolean",
"docLines" : [
""
],
"compatibleTags" : [
"input"
],
"withDash" : false
},
{
"attributeName" : "defaultValue",
"attributeType" : "String",
"docLines" : [
""
],
"compatibleTags" : [
"input",
"select",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "required",
"attributeType" : "Boolean",
"docLines" : [
"textarea - This attribute specifies that the user must fill in a value before submitting a form.",
"select - A Boolean attribute indicating that an option with a non-empty string value must be selected.",
"input - This attribute specifies that the user must fill in a value before submitting a form. It cannot be used when the <strong>type</strong> attribute is <code>hidden</code>, <code>image</code>, or a button type (<code>submit</code>, <code>reset</code>, or <code>button</code>). The <a title=\"The :optional CSS pseudo-class represents any <input>, <select>, or <textarea> element that does not have the required attribute set on it.\" href=\"/en-US/docs/Web/CSS/:optional\"><code>:optional</code></a> and <a title=\"The :required CSS pseudo-class represents any <input>, <select>, or <textarea>&nbsp;element that has the required attribute set on it.\" href=\"/en-US/docs/Web/CSS/:required\"><code>:required</code></a> CSS pseudo-classes will be applied to the field as appropriate."
],
"compatibleTags" : [
"input",
"select",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "target",
"attributeType" : "String",
"docLines" : [
"a - Specifies where to display the linked URL. It is a name of, or keyword for, a <em>browsing context</em>: a tab, window, or <code>&lt;iframe&gt;</code>. The following keywords have special meanings: <ul> <li><code>_self</code>: Load the URL into the same browsing context as the current one. This is the default behavior.</li> <li><code>_blank</code>: Load the URL into a new browsing context. This is usually a tab, but users can configure browsers to use new windows instead.</li> <li><code>_parent</code>: Load the URL into the parent browsing context of the current one. If there is no parent, this behaves the same way as <code>_self</code>.</li> <li><code>_top</code>: Load the URL into the top-level browsing context (that is, the \"highest\" browsing context that is an ancestor of the current one, and has no parent). If there is no parent,&nbsp;this behaves the same way as <code>_self</code>.</li> </ul> <div class=\"note\"> <p><strong>Note:</strong> When using <code>target</code>, consider adding <code>rel=\"noopener noreferrer\"</code> to avoid exploitation of the <code>window.opener</code> API.</p> </div>",
"base - A name or keyword indicating the default location to display the result when hyperlinks or forms cause navigation, for elements that do not have an explicit target reference. It is a name of, or keyword for, a <em>browsing context</em> (for example: tab, window, or inline frame). The following keywords have special meanings: <ul> <li><code>_self</code>: Load the result into the same browsing context&nbsp;as the current one. This value is the default if the attribute is not specified.</li> <li><code>_blank</code>: Load the result into a new unnamed browsing context.</li> <li><code>_parent</code>: Load the result into the parent browsing context of the current one. If there is no parent, this option behaves the same way as <code>_self</code>.</li> <li><code>_top</code>: Load the result into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as <code>_self</code>.</li> </ul>",
"area - This attribute specifies where to display the linked resource. In HTML4, this is the name of, or a keyword for, a frame. In HTML5, it is a name of, or keyword for, a <em>browsing context</em> (for example, tab, window, or inline frame). The following keywords have special meanings: <ul> <li><code>_self</code>: Load the response into the same HTML4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.</li> <li><code>_blank</code>: Load the response into a new unnamed HTML4 window or HTML5 browsing context.</li> <li><code>_parent</code>: Load the response into the HTML4 frameset parent of the current frame or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as <code>_self</code>.</li> <li><code>_top</code>: In HTML4: Load the response into the full, original window, canceling all other frames. In HTML5: Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as <code>_self</code>.</li> </ul> Use this attribute only if the <strong>href</strong> attribute is present.",
"form - A name or keyword indicating where to display the response that is received after submitting the form. In HTML 4, this is the name/keyword for a frame. In HTML5, it is a name/keyword for a <em>browsing context</em> (for example, tab, window, or inline frame). The following keywords have special meanings: <ul> <li><code>_self</code>: Load the response into the same HTML 4 frame (or HTML5 browsing context) as the current one. This value is the default if the attribute is not specified.</li> <li><code>_blank</code>: Load the response into a new unnamed HTML 4 window or HTML5 browsing context.</li> <li><code>_parent</code>: Load the response into the HTML 4 frameset parent of the current frame, or HTML5 parent browsing context of the current one. If there is no parent, this option behaves the same way as <code>_self</code>.</li> <li><code>_top</code>: HTML 4: Load the response into the full original window, and cancel all other frames. HTML5: Load the response into the top-level browsing context (i.e., the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as <code>_self</code>.</li> <li><em>iframename</em>: The response is displayed in a named <a title=\"The HTML <iframe>&nbsp;element&nbsp;represents a nested browsing context, effectively embedding another HTML page into the current page. In HTML 4.01, a document may contain a head and a body or a head and a frameset, but not both a body and a frameset. However, an <iframe> can be used within a normal document body. Each browsing context has its own session history and active document. The browsing context that contains the embedded content is called the parent browsing context. The top-level browsing context (which has no parent) is typically the browser window.\" href=\"/en-US/docs/Web/HTML/Element/iframe\"><code>&lt;iframe&gt;</code></a>.</li> </ul> <p>HTML5: This value can be overridden by a <code><a href=\"/en-US/docs/Web/HTML/Element/button#attr-formtarget\">formtarget</a></code> attribute on a <a title=\"The HTML <button> element represents a clickable button.\" href=\"/en-US/docs/Web/HTML/Element/button\"><code>&lt;button&gt;</code></a> or <a title=\"The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.\" href=\"/en-US/docs/Web/HTML/Element/input\"><code>&lt;input&gt;</code></a> element.</p>",
"link - Defines the frame or window name that has the defined linking relationship or that will show the rendering of any linked resource."
],
"compatibleTags" : [
"a",
"area",
"base",
"form",
"link"
],
"withDash" : false
},
{
"attributeName" : "reversed",
"attributeType" : "Boolean",
"docLines" : [
"This Boolean attribute specifies that the items of the list are specified in reversed order."
],
"compatibleTags" : [
"ol"
],
"withDash" : false
},
{
"attributeName" : "media",
"attributeType" : "String",
"docLines" : [
"source - <a class=\"internal\" href=\"/en-US/docs/CSS/Media_queries\">Media query</a> of the resource's intended media; this should be used only in a <a title=\"The HTML <picture> element is a container used to specify multiple <source> elements for a specific <img> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)\" href=\"/en-US/docs/Web/HTML/Element/picture\"><code>&lt;picture&gt;</code></a> element.",
"style - This attribute&nbsp;defines which media the style should apply to. Its value is a <a href=\"/en-US/docs/Web/Guide/CSS/Media_queries\">media query</a>, which defaults to <code>all</code> if the attribute is missing.",
"link - This attribute specifies the media which the linked resource applies to. Its value must be a <a href=\"/en-US/docs/CSS/Media_queries\">media query</a>. This attribute is mainly useful when linking to external stylesheets by allowing the user agent to pick the best adapted one for the device it runs on. <div class=\"note\"> <strong>Usage note: </strong> <ul> <li>In HTML 4, this can only be a simple white-space-separated list of media description literals, i.e., <a href=\"/en-US/docs/CSS/@media\">media types and groups</a>, where defined and allowed as values for this attribute, such as <code>print</code>, <code>screen</code>, <code>aural</code>, <code>braille</code>. HTML5 extended this to any kind of <a href=\"/en-US/docs/CSS/Media_queries\">media queries</a>, which are a superset of the allowed values of HTML 4.</li> <li>Browsers not supporting the <a href=\"/en-US/docs/CSS/Media_queries\">CSS3 Media Queries</a> won't necessarily recognize the adequate link; do not forget to set fallback links, the restricted set of media queries defined in HTML 4.</li> </ul> </div>",
"area - A hint of the media for which the linked resource was designed, for example <code>print and screen</code>. If omitted, it defaults to <code>all</code>. Use this attribute only if the <strong>href</strong> attribute is present."
],
"compatibleTags" : [
"area",
"link",
"source",
"style"
],
"withDash" : false
},
{
"attributeName" : "start",
"attributeType" : "String",
"docLines" : [
"This integer attribute specifies the start value for numbering the individual list items. Although the ordering type of list elements might be Roman numerals, such as XXXI, or letters, the value of start is always represented as a number. To start numbering elements from the letter \"C\", use <code>&lt;ol start=\"3\"&gt;</code>. <div class=\"note\"> <strong>Note</strong>: This attribute was deprecated in HTML4, but reintroduced in HTML5.</div>"
],
"compatibleTags" : [
"ol"
],
"withDash" : false
},
{
"attributeName" : "profile",
"attributeType" : "String",
"docLines" : [
"The URIs of one or more metadata profiles, separated by white space."
],
"compatibleTags" : [
"head"
],
"withDash" : false
},
{
"attributeName" : "label",
"attributeType" : "String",
"docLines" : [
"menuitem - The name of the command as shown to the user. Required when a <code>command</code> attribute is not present.",
"optgroup - The name of the group of options, which the browser can use when labeling the options in the user interface. This attribute is mandatory if this element is used.",
"menu - The name of the menu as shown to the user. Used within nested menus, to provide a label through which the submenu can be accessed. Must only be specified when the parent element is a <a title=\"The HTML <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked.\" href=\"/en-US/docs/Web/HTML/Element/menu\"><code>&lt;menu&gt;</code></a> in the <em>context menu</em> state.",
"option - This attribute is text for the label indicating the meaning of the option. If the <code>label</code> attribute isn't defined, its value is that of the element text content.",
"track - A user-readable title of the text track which is used by the browser when listing available text tracks."
],
"compatibleTags" : [
"menu",
"menuitem",
"optgroup",
"option",
"track"
],
"withDash" : false
},
{
"attributeName" : "sandbox",
"attributeType" : "String",
"docLines" : [
"If specified as an empty string, this attribute enables extra restrictions on the content that can appear in the inline frame. The value of the attribute can either be an empty string (all the restrictions are applied), or a space-separated list of tokens that lift particular restrictions. Valid tokens are: <ul> <li><code>allow-forms</code>: Allows the embedded browsing context to submit forms. If this keyword is not used, this operation is not allowed.</li> <li><code>allow-modals</code>: Allows the embedded browsing context to open modal windows.</li> <li><code>allow-orientation-lock</code>: Allows the embedded browsing context to disable the ability to lock the screen orientation.</li> <li><code>allow-pointer-lock</code>: Allows the embedded browsing context to use the <a href=\"/en-US/docs/WebAPI/Pointer_Lock\">Pointer Lock API</a>.</li> <li><code>allow-popups</code>: Allows popups (like from <code>window.open</code>, <code>target=\"_blank\"</code>, <code>showModalDialog</code>). If this keyword is not used, that functionality will silently fail.</li> <li><code>allow-popups-to-escape-sandbox</code>:&nbsp; Allows a sandboxed document to open new windows without forcing the sandboxing flags upon them. This will allow, for example, a third-party advertisement to be safely sandboxed without forcing the same restrictions upon a landing page.</li> <li><code>allow-presentation</code>: Allows embedders to have control over whether an iframe can start a presentation session.</li> <li><code>allow-same-origin</code>: Allows the content to be treated as being from its normal origin. If this keyword is not used, the embedded content is treated as being from a unique origin.</li> <li><code>allow-scripts</code>: Allows the embedded browsing context to run scripts (but not create pop-up windows). If this keyword is not used, this operation is not allowed.</li> <li><code>allow-top-navigation</code>: Allows the embedded browsing context to navigate (load) content to the top-level browsing context. If this keyword is not used, this operation is not allowed.</li> <li><code>allow-top-navigation-by-user-activation</code>: Allows the embedded browsing context to navigate (load) content to the top-level browsing context only when initiated by a user gesture. If this keyword is not used, this operation is not allowed.</li> </ul> <div class=\"note\"> <p><strong>Note:</strong></p> <ul> <li>When the embedded document has the same origin as the main page, it is strongly discouraged to use both <code>allow-scripts</code> and <code>allow-same-origin</code> at the same time, as that allows the embedded document to programmatically remove the <code>sandbox</code> attribute. Although it is accepted, this case is no more secure than not using the <code>sandbox</code> attribute.</li> <li>Sandboxing in general is only of minimal help if the attacker can arrange for the potentially hostile content to be displayed in the user's browser outside a sandboxed <code>iframe</code>. It is recommended that such content should be served from a <em>separate dedicated domain</em>, to limit the potential damage.</li> <li>The <code>sandbox</code> attribute is not supported in Internet Explorer 9 and earlier versions.</li> </ul> </div>"
],
"compatibleTags" : [
"iframe"
],
"withDash" : false
},
{
"attributeName" : "width",
"attributeType" : "String",
"docLines" : [
"th - This attribute is used to define a recommended cell width. &nbsp;Additional space can be added with the&nbsp;<a href=\"/en-US/docs/Web/API/HTMLTableElement/cellSpacing\">cellspacing</a> and <a href=\"/en-US/docs/Web/API/HTMLTableElement/cellPadding\">cellpadding</a>&nbsp;properties and the width of the <a title=\"The HTML <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element.\" href=\"/en-US/docs/Web/HTML/Element/col\"><code>&lt;col&gt;</code></a>&nbsp;element can also create extra width.&nbsp;But, if a column's width is too narrow to show a particular cell properly, it will be widened when&nbsp;displayed. <div class=\"note\"> <strong>Usage Note: </strong>Do not use this attribute in the latest standard: use the CSS <a title=\"The width property specifies the width of an element. By default, the property defines the width of the content area. If box-sizing is set to border-box, it instead determines the width of the border area.\" href=\"/en-US/docs/Web/CSS/width\"><code>width</code></a> property instead.</div>",
"object - The width of the display resource, in <a class=\"external\" href=\"https://drafts.csswg.org/css-values/#px\">CSS pixels</a>. &nbsp;-- (Absolute values&nbsp;only. &nbsp;<a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes\">NO&nbsp;percentages</a>)",
"col, colgroup - This attribute specifies a default width for each column in the current column group. In addition to the standard pixel and percentage values, this attribute might take the special form <code>0*</code>, which means that the width of each column in the group should be the minimum width necessary to hold the column's contents. Relative widths such as <code>0.5*</code> also can be used.",
"video - The width of the video's display area, in&nbsp;<a class=\"external\" href=\"https://drafts.csswg.org/css-values/#px\">CSS pixels</a>. &nbsp;-- (Absolute values&nbsp;only. &nbsp;<a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes\">NO&nbsp;percentages</a>)",
"td - This attribute is used to define a recommended cell width. &nbsp;Properties&nbsp;<a href=\"/en-US/docs/Web/API/HTMLTableElement/cellSpacing\">cellspacing</a> and <a href=\"/en-US/docs/Web/API/HTMLTableElement/cellPadding\">cellpadding</a> may add additional space, and element&nbsp;<a title=\"The HTML <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element.\" href=\"/en-US/docs/Web/HTML/Element/col\"><code>&lt;col&gt;</code></a>&nbsp;width may also have some effect. In general, if a column's width is too narrow to show a particular cell properly, it, and thus the cells in it, may be widened when displayed. <div class=\"note\"> <strong>Note: </strong>Do not use this attribute in the latest standard: instead set the CSS <a title=\"The width property specifies the width of an element. By default, the property defines the width of the content area. If box-sizing is set to border-box, it instead determines the width of the border area.\" href=\"/en-US/docs/Web/CSS/width\"><code>width</code></a> property.</div>",
"iframe - Indicates the width of the frame <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span> in CSS pixels, or <span class=\"inlineIndicator htmlVer htmlVerInline\">HTML 4.01</span> in pixels or as a percentage.",
"canvas - The width of the coordinate space in CSS pixels. Defaults to 300.",
"pre - Contains the <em>preferred</em> count of characters that a line should have. Though technically still implemented, this attribute has no visual effect; to achieve such an effect, use CSS <a title=\"The width property specifies the width of an element. By default, the property defines the width of the content area. If box-sizing is set to border-box, it instead determines the width of the border area.\" href=\"/en-US/docs/Web/CSS/width\"><code>width</code></a> instead.",
"hr - Sets the length of the rule on the page through a pixel or percentage value.",
"img - The intrinsic width of the image in pixels.&nbsp;In <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML\">HTML 4</a></span>, either a percentage or pixels were acceptable values. In&nbsp;<span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span>, however, only pixels are acceptable.",
"table - This attribute defines the width of the table. The width may be defined by pixels or a percentage value. A percentage value will be defined by the width of the container in which the table is placed. <div class=\"note\"> <strong>Usage Note: </strong>Do not use this attribute, as it has been deprecated. The rules should be defined and styled using <a href=\"/en-US/docs/CSS\">CSS</a>. Use the <a title=\"The width property specifies the width of an element. By default, the property defines the width of the content area. If box-sizing is set to border-box, it instead determines the width of the border area.\" href=\"/en-US/docs/Web/CSS/width\"><code>width</code></a> property instead.</div>",
"embed - The displayed width of the resource, in <a class=\"external\" href=\"https://drafts.csswg.org/css-values/#px\">CSS pixels</a>. &nbsp;-- (Absolute values&nbsp;only. &nbsp;<a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes\">NO&nbsp;percentages</a>)",
"input - If the value of the <strong>type</strong> attribute is <code>image</code>, this attribute defines the width of the image displayed for the button."
],
"compatibleTags" : [
"canvas",
"col",
"colgroup",
"embed",
"hr",
"iframe",
"img",
"input",
"object",
"pre",
"table",
"td",
"th",
"video"
],
"withDash" : false
},
{
"attributeName" : "id",
"attributeType" : "String",
"docLines" : [
"Defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS)."
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "accept",
"attributeType" : "String",
"docLines" : [
"form - A comma-separated list of content types that the server accepts. <div class=\"note\"> <strong>Usage note:</strong> This attribute has been removed in HTML5 and should no longer be used. Instead, use the <code><a href=\"/en-US/docs/Web/HTML/Element/input#attr-accept\">accept</a></code> attribute of the specific <a title=\"The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.\" href=\"/en-US/docs/Web/HTML/Element/input\"><code>&lt;input&gt;</code></a> element.</div>",
"input - If the value of the <strong>type</strong> attribute is <code>file</code>, then this attribute will indicate&nbsp;the types of files that the server accepts,&nbsp;otherwise it will be&nbsp;ignored. The value must be a comma-separated list of unique content type specifiers: <ul> <li>A file extension starting with the STOP character (U+002E). (e.g.&nbsp;.jpg, .png, .doc).</li> <li>A valid MIME type with no extensions.</li> <li><code>audio/*</code> representing sound files. <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span></li> <li><code>video/*</code> representing video files. <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span></li> <li><code>image/*</code> representing image files. <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span></li> </ul>"
],
"compatibleTags" : [
"form",
"input"
],
"withDash" : false
},
{
"attributeName" : "multiple",
"attributeType" : "Boolean",
"docLines" : [
"input - This Boolean attribute indicates whether the user can enter more than one value. This attribute applies when the <strong>type</strong> attribute is set to <code>email</code>&nbsp;or <code>file</code>,&nbsp;otherwise it is ignored.",
"select - This Boolean attribute indicates that multiple options can be selected in the list. If it is not specified, then only one option can be selected at a time."
],
"compatibleTags" : [
"input",
"select"
],
"withDash" : false
},
{
"attributeName" : "key",
"attributeType" : "String",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "loop",
"attributeType" : "Boolean",
"docLines" : [
"video - A Boolean attribute; if specified, we will, upon reaching the end of the video, automatically seek back to the start.",
"audio - A Boolean attribute:&nbsp;if specified, will&nbsp;automatically seek back to the start&nbsp;upon reaching the end of the audio."
],
"compatibleTags" : [
"audio",
"video"
],
"withDash" : false
},
{
"attributeName" : "size",
"attributeType" : "String",
"docLines" : [
"select - If the control is presented as a scrolled list box, this attribute represents the number of rows in the list that should be visible at one time. Browsers are not required to present a select element as a scrolled list box. The default value is 0.",
"input - The initial size of the control. This value is in pixels unless the value of the <strong>type</strong> attribute is <code>text</code> or <code>password</code>, in which case&nbsp;it is an integer number of characters. Starting in HTML5, this attribute applies only when the <strong>type</strong> attribute is set to <code>text</code>, <code>search</code>, <code>tel</code>, <code>url</code>, <code>email</code>, or <code>password</code>, otherwise it is ignored. In addition, the size must be greater than zero. If you do not specify a size, a default value of 20 is used. HTML5 simply states&nbsp;\"the user agent should ensure that at least that many characters are visible\", but different characters can have different widths in certain&nbsp;fonts.&nbsp;In some browsers, a certain string with <em>x</em> characters will not be entirely visible even if size is defined to at least <em>x</em>.",
"hr - Sets the height, in pixels, of the rule."
],
"compatibleTags" : [
"hr",
"input",
"select"
],
"withDash" : false
},
{
"attributeName" : "dir",
"attributeType" : "String",
"docLines" : [
"bdo - Text direction in this element. Possible values are: <ul> <li><code>ltr</code>: Indicates that the text should go in a left-to-right direction.</li> <li><code>rtl</code>: Indicates that the text should go in a right-to-left direction.</li> </ul>",
"a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, big, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr - Is an enumerated attribute indicating the directionality of the element's text. It can have the following values: \n<ul> \n <li><code>ltr</code>, which means <em>left to right </em>and is to be used for languages that are written from the left to the right (like English);</li> \n <li><code>rtl</code>, which means <em>right to left</em> and is to be used for languages that are written from the right to the left (like Arabic);</li> \n <li><code>auto</code>, which let the user agent decides. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then apply that directionality to the whole element.</li> \n</ul>"
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "height",
"attributeType" : "String",
"docLines" : [
"img - The intrinsic height of the image in&nbsp;pixels.&nbsp;In <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML\">HTML 4</a></span>, the height could be defined&nbsp;pixels or as a percentage. In&nbsp;<span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span>, however, the value must be in pixels.",
"embed - The displayed height of the resource, in <a class=\"external\" href=\"https://drafts.csswg.org/css-values/#px\">CSS pixels</a>. &nbsp;-- (Absolute values&nbsp;only. &nbsp;<a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes\">NO&nbsp;percentages</a>)",
"canvas - The height of the coordinate space in CSS pixels. Defaults to 150.",
"input - If the value of the <strong>type</strong> attribute is <code>image</code>, this attribute defines the height of the image displayed for the button.",
"iframe - Indicates the height of the frame <span class=\"inlineIndicator htmlVer htmlVerInline\"><a href=\"/en-US/docs/HTML/HTML5\">HTML5</a></span> in CSS pixels, or <span class=\"inlineIndicator htmlVer htmlVerInline\">HTML 4.01</span> in pixels or as a percentage.",
"video - The height of the video's display area, in&nbsp;<a class=\"external\" href=\"https://drafts.csswg.org/css-values/#px\">CSS pixels</a>. &nbsp;-- (Absolute values&nbsp;only. &nbsp;<a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes\">NO&nbsp;percentages</a>)",
"object - The height of the displayed resource, in <a class=\"external\" href=\"https://drafts.csswg.org/css-values/#px\">CSS pixels</a>. &nbsp;-- (Absolute values&nbsp;only. &nbsp;<a class=\"external\" href=\"https://html.spec.whatwg.org/multipage/embedded-content.html#dimension-attributes\">NO&nbsp;percentages</a>)"
],
"compatibleTags" : [
"canvas",
"embed",
"iframe",
"img",
"input",
"object",
"video"
],
"withDash" : false
},
{
"attributeName" : "high",
"attributeType" : "String",
"docLines" : [
"The lower numeric bound of the high end of the measured range. This must be less than the maximum value (<code>max</code> attribute), and it also must be greater than the low value and minimum value (<code>low</code> attribute and <strong>min</strong> attribute, respectively), if any are specified. If unspecified, or if greater than the maximum value, the <code>high</code> value is equal to the maximum value."
],
"compatibleTags" : [
"meter"
],
"withDash" : false
},
{
"attributeName" : "scope",
"attributeType" : "String",
"docLines" : [
"th - This enumerated attribute defines the cells that the header (defined in the <a title=\"The HTML <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes.\" href=\"/en-US/docs/Web/HTML/Element/th\"><code>&lt;th&gt;</code></a>) element relates to. It may have the following values: <ul> <li><code>row</code>:&nbsp; The header relates to all cells of the row it belongs to.</li> <li><code>col</code>: The header relates to all cells of the column&nbsp;it belongs to.</li> <li><code>rowgroup</code>: The header belongs to a rowgroup and relates to all of its cells. These cells can be placed to the right or the left of the header, depending on&nbsp;the value of the <code><a href=\"/en-US/docs/Web/HTML/Global_attributes/dir\">dir</a></code> attribute in&nbsp;the <a title=\"The HTML <table> element represents tabular data — that is, information expressed via a two-dimensional data table.\" href=\"/en-US/docs/Web/HTML/Element/table\"><code>&lt;table&gt;</code></a> element.</li> <li><code>colgroup</code>: The header belongs to a colgroup and relates to all of its cells.</li> <li><code>auto</code></li> </ul>",
"td - &nbsp;"
],
"compatibleTags" : [
"td",
"th"
],
"withDash" : false
},
{
"attributeName" : "kind",
"attributeType" : "String",
"docLines" : [
"How the text track is meant to be used. If omitted the default kind is <code>subtitles</code>. If the attribute is not present, it will use the <code>subtitles</code>. If the attribute contains an invalid value, it will use <code>metadata</code>. (Versions of Chrome earlier than 52 treated an invalid value as <code>subtitles</code>.)&nbsp;The following keywords are allowed: <ul> <li><code>subtitles</code> <ul> <li>Subtitles provide translation of content that cannot be understood by the viewer. For example dialogue or text that is not English in an English language film.</li> <li>Subtitles may contain additional content, usually extra background information. For example the text at the beginning of the Star Wars films, or the date, time, and location of a scene.</li> </ul> </li> <li><code>captions</code> <ul> <li>Closed captions provide a transcription and possibly a translation of audio.</li> <li>It may include important non-verbal information such as music cues or sound effects. It may indicate the cue's source (e.g. music, text, character).</li> <li>Suitable for users who are deaf or when the sound is muted.</li> </ul> </li> <li><code>descriptions</code> <ul> <li>Textual description of the video content.</li> <li>Suitable for users who are blind or where the video cannot be seen.</li> </ul> </li> <li><code>chapters</code> <ul> <li>Chapter titles are intended to be used when the user is navigating the media resource.</li> </ul> </li> <li><code>metadata</code> <ul> <li>Tracks used by scripts. Not visible to the user.</li> </ul> </li> </ul>"
],
"compatibleTags" : [
"track"
],
"withDash" : false
},
{
"attributeName" : "aria",
"attributeType" : "String",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : true
},
{
"attributeName" : "min",
"attributeType" : "String",
"docLines" : [
"input - The minimum (numeric or date-time) value for this item, which must not be greater than its maximum (<strong>max</strong> attribute) value.",
"meter - The lower numeric bound of the measured range. This must be less than the maximum value (<code>max</code> attribute), if specified. If unspecified, the minimum value is 0."
],
"compatibleTags" : [
"input",
"meter"
],
"withDash" : false
},
{
"attributeName" : "manifest",
"attributeType" : "String",
"docLines" : [
"Specifies the URI of a resource manifest indicating resources that should be cached locally. See <a href=\"/en-US/docs/Web/HTML/Using_the_application_cache\">Using the application cache</a> for details."
],
"compatibleTags" : [
"html"
],
"withDash" : false
},
{
"attributeName" : "data",
"attributeType" : "String",
"docLines" : [
"object - The address of the resource as a valid URL. At least one of <strong>data</strong> and <strong>type</strong> must be defined.",
"a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, big, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, picture, pre, progress, q, rp, rt, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr - Forms a class of attributes, called custom data attributes, that allow proprietary information to be exchanged between the \n<a href=\"/en-US/docs/Web/HTML\">HTML</a> and its \n<a href=\"/en-US/docs/Glossary/DOM\">DOM</a> representation that may be used by scripts. All such custom data are available via the \n<a title=\"The HTMLElement interface represents any HTML element. Some elements directly implement this interface, others implement it via an interface that inherits it.\" href=\"/en-US/docs/Web/API/HTMLElement\"><code>HTMLElement</code></a> interface of the element the attribute is set on. The \n<a title=\"The HTMLElement.dataset property allows access, both in reading and writing mode, to all the custom data attributes (data-*) set on the element, either in HTML or in the DOM. &nbsp;It is a map of DOMString, one entry for each custom data attribute. &nbsp;Note that the&nbsp;dataset&nbsp;property itself can be read, but not&nbsp;directly written. &nbsp;Instead, all writes must be&nbsp;to its &quot;properties&quot;, which in turn represent the data attributes. &nbsp; Note also that an HTML data-attribute&nbsp;and its&nbsp;corresponding DOM&nbsp;dataset.property&nbsp;do not share the same name, but they are always similar:\" href=\"/en-US/docs/Web/API/HTMLElement/dataset\"><code>HTMLElement.dataset</code></a> property gives access to them."
],
"compatibleTags" : null,
"withDash" : true
},
{
"attributeName" : "sizes",
"attributeType" : "String",
"docLines" : [
"img - A list of one or more strings separated by commas indicating a set of source sizes. Each source size consists of: <ol> <li>a media condition. This must be omitted for the last item.</li> <li>a source size value.</li> </ol> <p>Source size values specify the intended display size of the image. User agents use the current source size to select one of the sources supplied by the <code>srcset</code> attribute, when those sources are described using width ('<code>w</code>') descriptors. The selected source size affects the intrinsic size of the image (the image’s display size if no CSS styling is applied). If the <code>srcset</code> attribute is absent, or contains no values with a width (<code>w</code>) descriptor, then the <code>sizes</code> attribute has no effect.</p>",
"source - Is a list of source sizes that describes the final rendered width of the image represented by the source. Each source size consists of a comma-separated list of media condition-length pairs. This information is used by the browser to determine, before laying the page out, which image defined in <code><a href=\"/en-US/docs/Web/HTML/Element/source#attr-srcset\">srcset</a></code> to use.<br> The <code>sizes</code> attribute has an effect only when the <a title=\"The HTML <source> element specifies multiple media resources for either the <picture>, the <audio> or the <video> element. It is an empty element. It is commonly used to serve the same media content in multiple formats supported by different browsers.\" href=\"/en-US/docs/Web/HTML/Element/source\"><code>&lt;source&gt;</code></a> element is the direct child of a <a title=\"The HTML <picture> element is a container used to specify multiple <source> elements for a specific <img> contained in it. The browser will choose the most suitable source according to the current layout of the page (the constraints of the box the image will appear in) and the device it will be displayed on (e.g. a normal or hiDPI device.)\" href=\"/en-US/docs/Web/HTML/Element/picture\"><code>&lt;picture&gt;</code></a> element.",
"link - This attribute defines the sizes of the icons for visual media contained in the resource. It must be present only if the <code><a href=\"/en-US/docs/Web/HTML/Element/link#attr-rel\">rel</a></code> contains the <code>icon</code> <a href=\"/en-US/docs/Web/HTML/Link_types\">link types value</a>. It may have the following values: <ul> <li><code>any</code>, meaning that the icon can be scaled to any size as it is in a vectorial format, like <code>image/svg+xml</code>.</li> <li>a white-space separated list of sizes, each in the format <code><em>&lt;width in pixels&gt;</em>x<em>&lt;height in pixels&gt;</em></code> or <code><em>&lt;width in pixels&gt;</em>X<em>&lt;height in pixels&gt;</em></code>. Each of these sizes must be contained in the resource.</li> </ul> <div class=\"note\"> <strong>Usage note: </strong> <ul> <li>Most icon format are only able to store one single icon; therefore most of the time the <code><a href=\"/en-US/docs/Web/HTML/Global_attributes#attr-sizes\">sizes</a></code> contains only one entry. MS's ICO format does, as well as Apple's ICNS. ICO being more ubiquitous, you should use it.</li> <li>Apple's iOS does not support this attribute, hence Apple's iPhone and iPad use special, non-standard <a href=\"/en-US/docs/Web/HTML/Link_types\">link types values</a> to define icon to be used as Web Clip or start-up placeholder: <code>apple-touch-icon</code> and <code>apple-touch-startup-icon</code>.</li> </ul> </div>"
],
"compatibleTags" : [
"img",
"link",
"source"
],
"withDash" : false
},
{
"attributeName" : "rows",
"attributeType" : "String",
"docLines" : [
"The number of visible text lines for the control."
],
"compatibleTags" : [
"textarea"
],
"withDash" : false
},
{
"attributeName" : "challenge",
"attributeType" : "String",
"docLines" : [
"A challenge string that is submitted along with the public key. Defaults to an empty string if not specified."
],
"compatibleTags" : [
"keygen"
],
"withDash" : false
},
{
"attributeName" : "form",
"attributeType" : "String",
"docLines" : [
"select - This attribute lets you specify the form element to&nbsp;which&nbsp;the select element is associated&nbsp;(that is, its \"form owner\"). If this attribute is specified, its value must be the ID of a form element in the same document. This enables you to place select elements anywhere within a document, not just as descendants of their form elements.",
"object - The form element, if any, that the object element is associated with (its <em>form owner</em>). The value of the attribute must be an ID of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element in the same document.",
"input - The form element that the input element is associated with (its <em>form owner</em>). The value of the attribute must be an <strong>id</strong> of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element in the same document. If this attribute is not specified, this <code>&lt;input&gt;</code> element must be a descendant of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element. This attribute enables you to place <code>&lt;input&gt;</code> elements anywhere within a document, not just as descendants of their form elements. An input can only be associated with one form.",
"button - The form element that the button is associated with (its <em>form owner</em>). The value of the attribute must be the <strong>id</strong> attribute of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element in the same document. If this attribute is not specified, the <code>&lt;button&gt;</code> element will&nbsp;be associated to an&nbsp;ancestor <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a>&nbsp;element, if one exists. This attribute enables you to associate&nbsp;<code>&lt;button&gt;</code> elements to&nbsp;<a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a>&nbsp;elements anywhere&nbsp;within a document, not just as descendants of <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> elements.",
"output - The form element that this element is associated with (its \"form owner\"). The value of the attribute must be an ID of a form element in the same document. If this attribute is not specified, the output element must be a descendant of a form element. This attribute enables you to place output elements anywhere within a document, not just as descendants of their form elements.",
"label - The form element with which the label is associated (its <em>form owner</em>). If specified, the value of the attribute is the ID of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element in the same document. This lets you place label elements anywhere within a document, not just as descendants of their form elements.<br> &nbsp; <div class=\"note\"> This content attribute was <a class=\"external\" href=\"https://github.com/whatwg/html/pull/1120\">removed from the HTML specification</a> on April 28, 2016. However, scripts still have access to a read-only <a title=\"The read-only HTMLLabelElement.form property returns an HTMLFormElement object which represents the form of which the label's associated control is a part, or null if there is either no associated control, or if that control isn't in a form.\" href=\"/en-US/docs/Web/API/HTMLLabelElement/form\"><code>HTMLLabelElement.form</code></a> attribute; it returns the form of which the label's associated control is a member, or <code>null</code> if the label is not associated with a control or the control isn't part of a form.</div>",
"textarea - The form element that the <code>&lt;textarea&gt;</code> element is associated with (its \"form owner\"). The value of the attribute must be the ID of a form element in the same document. If this attribute is not specified, the <code>&lt;textarea&gt;</code> element must be a descendant of a form element. This attribute enables you to place <code>&lt;textarea&gt;</code> elements anywhere within a document, not just as descendants of their form elements.",
"keygen - The form element that this element is associated with (its <em>form owner</em>). The value of the attribute must be an <code>id</code> of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element in the same document. If this attribute is not specified, this element must be a descendant of a <a title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\" href=\"/en-US/docs/Web/HTML/Element/form\"><code>&lt;form&gt;</code></a> element. This attribute enables you to place <code>&lt;keygen&gt; </code>elements anywhere within a document, not just as descendants of their form elements.",
"meter - This attribute associates the element with a <code>form</code> element that has ownership of the <code>meter</code> element. For example, a <code>meter</code> might be displaying a range corresponding to an <code>input</code> element of <code>type</code> <em>number</em>. This attribute is only used if the <code>meter</code> element is being used as a form-associated element; even then, it may be omitted if the element appears as a descendant of a <code>form</code> element.",
"fieldset - This attribute has the value of the <strong>id </strong>attribute of the <a href=\"/en-US/docs/Web/HTML/Element/form\" title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\"><code>&lt;form&gt;</code></a> element it's related to. Its default value is the <strong>id</strong> of the nearest <a href=\"/en-US/docs/Web/HTML/Element/form\" title=\"The HTML <form> element represents a document section that contains interactive controls to submit information to a web server.\"><code>&lt;form&gt;</code></a> element it is a descendant of."
],
"compatibleTags" : [
"button",
"fieldset",
"input",
"keygen",
"label",
"meter",
"object",
"output",
"select",
"textarea"
],
"withDash" : false
},
{
"attributeName" : "suppressContentEditableWarning",
"attributeType" : "Boolean",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "cols",
"attributeType" : "String",
"docLines" : [
"pre - Contains the <em>preferred</em> count of characters that a line should have. It was a non-standard synonym of <code><a href=\"/en-US/docs/Web/HTML/Element/pre#attr-width\">width</a></code>. To achieve such an effect, use CSS <a title=\"The width property specifies the width of an element. By default, the property defines the width of the content area. If box-sizing is set to border-box, it instead determines the width of the border area.\" href=\"/en-US/docs/Web/CSS/width\"><code>width</code></a> instead.",
"textarea - The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is <code>20</code> (HTML5)."
],
"compatibleTags" : [
"pre",
"textarea"
],
"withDash" : false
},
{
"attributeName": "spellCheck",
"attributeType": "Boolean",
"scalaJSType": "org.scalajs.dom.Element",
"docLines": [],
"compatibleTags": null,
"withDash": false
},
{
"attributeName": "contentEditable",
"attributeType": "Boolean",
"scalaJSType": "org.scalajs.dom.Element",
"docLines": [],
"compatibleTags": null,
"withDash": false
},
{
"attributeName": "tabIndex",
"attributeType": "Int",
"scalaJSType": "org.scalajs.dom.Element",
"docLines": [],
"compatibleTags": null,
"withDash": false
},
{
"attributeName": "readOnly",
"attributeType": "Boolean",
"scalaJSType": "org.scalajs.dom.Element",
"docLines": [],
"compatibleTags": [
"input"
],
"withDash": false
},
{
"attributeName": "on",
"attributeType": "String",
"scalaJSType": "org.scalajs.dom.Element",
"docLines": [],
"compatibleTags": null,
"withDash": false
},
{
"attributeName" : "autoFocus",
"attributeType" : "Boolean",
"docLines" : [
""
],
"compatibleTags" : [
"input"
],
"withDash" : false
},
// Officially supported React events
// Clipboard Events
{
"attributeName" : "onCopy",
"attributeType" : "ClipboardEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onCut",
"attributeType" : "ClipboardEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPaste",
"attributeType" : "ClipboardEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Composition Events
{
"attributeName" : "onCompositionEnd",
"attributeType" : "CompositionEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onCompositionStart",
"attributeType" : "CompositionEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onCompositionUpdate",
"attributeType" : "CompositionEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Keyboard Events
{
"attributeName" : "onKeyDown",
"attributeType" : "KeyboardEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onKeyPress",
"attributeType" : "KeyboardEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onKeyUp",
"attributeType" : "KeyboardEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Focus Events
{
"attributeName" : "onFocus",
"attributeType" : "FocusEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onBlur",
"attributeType" : "FocusEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Form Events
{
"attributeName" : "onChange",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onInput",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onInvalid",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onSubmit",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Mouse Events
{
"attributeName" : "onClick",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onContextMenu",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDoubleClick",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDrag",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDragEnd",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDragEnter",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDragExit",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDragLeave",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDragOver",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDragStart",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDrop",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseDown",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseEnter",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseLeave",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseMove",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseOut",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseOver",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onMouseUp",
"attributeType" : "MouseEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Pointer Events
{
"attributeName" : "onPointerDown",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerMove",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerUp",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerCancel",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onGotPointerCapture",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onLostPointerCapture",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerEnter",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerLeave",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerOver",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPointerOut",
"attributeType" : "PointerEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Selection Events
{
"attributeName" : "onSelect",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Touch Events
{
"attributeName" : "onTouchCancel",
"attributeType" : "TouchEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onTouchEnd",
"attributeType" : "TouchEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onTouchMove",
"attributeType" : "TouchEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onTouchStart",
"attributeType" : "TouchEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// UI Events
{
"attributeName" : "onScroll",
"attributeType" : "UIEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Wheel Events
{
"attributeName" : "onWheel",
"attributeType" : "WheelEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Media Events
{
"attributeName" : "onAbort",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onCanPlay",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onCanPlayThrough",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onDurationChange",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onEmptied",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onEncrypted",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onEnded",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onError",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onLoadedData",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onLoadedMetadata",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onLoadStart",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPause",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPlay",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onPlaying",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onProgress",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onRateChange",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onSeeked",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onSeeking",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onStalled",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onSuspend",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onTimeUpdate",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onVolumeChange",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onWaiting",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Image Events (includes onError but that's handled before)
{
"attributeName" : "onLoad",
"attributeType" : "EventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Animation Events
{
"attributeName" : "onAnimationStart",
"attributeType" : "AnimationEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onAnimationEnd",
"attributeType" : "AnimationEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
{
"attributeName" : "onAnimationIteration",
"attributeType" : "AnimationEventHandler",
"docLines" : [
""
],
"compatibleTags" : null,
"withDash" : false
},
// Transition Events
{
"attributeName" : "onTransitionEnd",
"attributeType" : "TransitionEventHandler",
"docLines" : [
""
],