ARIA is a set of special accessibility attributes which can be added to any markup, but is especially suited to HTML.
ARIA is a set of special accessibility attributes which can be added to any markup, but is especially suited to HTML. The role attribute defines what the general type of object is (such as an article, alert, or slider). Additional ARIA attributes provide other useful properties, such as a description for a form or the current value of a progressbar.
MDN
Specifies a shortcut key to activate/focus an element.
This attribute is a space-separated list of the classes of the element.
This attribute is a space-separated list of the classes of the element. Classes allows CSS and Javascript to select and access specific elements via the class selectors or functions like the DOM method document.getElementsByClassName. You can use cls as an alias for this attribute so you don't have to backtick-escape this attribute.
MDN
Shorthand for the class
attribute.
Shorthand for the class
attribute.
Specifies whether the content of an element is editable or not.
This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts.
This class of attributes, called custom data attributes, allows proprietary information to be exchanged between the HTML and its DOM representation that may be used by scripts. All such custom data are available via the HTMLElement interface of the element the attribute is set on. The HTMLElement.dataset property gives access to them.
The *
in data-*
may be replaced by any name following the production
rule of xml names with the following restrictions:
the name must not start with xml, whatever case is used for these letters; the name must not contain any semicolon (U+003A); the name must not contain capital A to Z letters.
Note that the HTMLElement.dataset attribute is a StringMap and the name of the custom data attribute data-test-value will be accessible via HTMLElement.dataset.testValue as any dash (U+002D) is replaced by the capitalization of the next letter (camelCase).
MDN
Specifies the text direction for the content in an element.
Specifies the text direction for the content in an element. The valid values are:
ltr
: Default. Left-to-right text direction
rtl
: Right-to-left text direction
auto
: Let the browser figure out the text direction, based on the
content, (only recommended if the text direction is unknown)
A Boolean attribute that specifies whether an element is draggable or not.
Specifies whether the dragged data is copied, moved, or linked, when dropped.
Specifies that an element is not yet, or is no longer, relevant and consequently hidden from view of the user.
This attribute defines a unique identifier (ID) which must be unique in the whole document.
This attribute 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).
MDN
The itemid global attribute is the unique, global identifier of an item.
The itemid global attribute is the unique, global identifier of an item. itemid attributes can only be specified on elements that have both itemscope and itemtype attributes. Also, the itemid can only be specified on elements with an itemscope attribute whose corresponding itemtype refers to or defines a vocabulary that supports global identifiers.
MDN
The itemprop global attribute is used to add properties to an item.
The itemprop global attribute is used to add properties to an item.
Every HTML element can have an itemprop attribute specified, and an
itemprop consists of a name-value pair. Each name-value pair is called a
property, and a group of one or more properties forms an item. Property
values are either a string or a URL and can be associated with a very wide
range of elements including <audio>
, <embed>
,
<iframe>
, <img>
, <link>
, <object>
,
<source>
, <track>
, and <video>
.
MDN
The global attribute itemref Properties that are not descendants of an element with the itemscope attribute can be associated with the item using an itemref.
The global attribute itemref Properties that are not descendants of an element with the itemscope attribute can be associated with the item using an itemref. itemref provides a list of element id's (not itemids) with additional properties elsewhere in the document. The itemref attribute can only be specified on elements that have an itemscope attribute specified.
MDN
The global attribute itemscope (usually) works along with itemtype to specify that the HTML contained in a block is about a particular item.
The global attribute itemscope (usually) works along with itemtype to specify that the HTML contained in a block is about a particular item. itemscope creates the Item and defines the scope of the itemtype associated with it. itemtype is a valid URL of a vocabulary (such as schema.org) that describes the item and its properties context. In the examples below the vocabulary used is from schema.org. Every HTML element may have an itemscope attribute specified. An itemscope element that doesn't have an associated itemtype has an itemref.
MDN
The global attribute itemtype specifies the URL of the vocabulary that will be used to define itemprop's (item properties) in the data structure.
The global attribute itemtype specifies the URL of the vocabulary that will be used to define itemprop's (item properties) in the data structure. itemscope is used to set the scope of where in the data structure the vocabulary set by itemtype will be active.
MDN
This attribute 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.
This attribute 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 defines in the Tags for Identifying Languages (BCP47) IETF document. If the tag content is the empty string the language is set to unknown; if the tag content is not valid, regarding to BCP47, it is set to invalid.
MDN
Assigns a slot in a shadow DOM shadow tree to an element: An element with
a slot attribute is assigned to the slot created by the <slot>
element
whose name attribute's value matches that slot attribute's value.
Assigns a slot in a shadow DOM shadow tree to an element: An element with
a slot attribute is assigned to the slot created by the <slot>
element
whose name attribute's value matches that slot attribute's value.
MDN
This enumerated attribute defines whether the element may be checked for spelling errors.
This enumerated attribute defines whether the element may be checked for spelling errors.
MDN
This attribute contains CSS styling declarations to be applied to the element.
This attribute contains CSS 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 style element have mainly the purpose of allowing for quick styling, for example for testing purposes.
MDN
This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.
This integer attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position. It can takes several values:
a negative value means that the element should be focusable, but should not be reachable via sequential keyboard navigation;
0
means that the element should be focusable and reachable via sequential
keyboard navigation, but its relative order is defined by the platform
convention;
a positive value which means should be focusable and reachable via sequential keyboard navigation; its relative order is defined by the value of the attribute: the sequential follow the increasing number of the tabindex. If several elements share the same tabindex, their relative order follows their relative position in the document).
An element with a 0
value, an invalid value, or no tabindex value should
be placed after elements with a positive tabindex in the sequential
keyboard navigation order.
This attribute contains a text representing advisory information related to the element it belongs too.
This attribute contains a text representing advisory information related to the element it belongs too. Such information can typically, but not necessarily, be presented to the user as a tooltip.
MDN
Specifies whether the content of an element should be translated or not.
(Since version 0.9.0) Deprecated, use 'contenteditable' instead
(Since version 0.9.0) Deprecated, use 'itemid' instead
(Since version 0.9.0) Deprecated, use 'itemprop' instead
(Since version 0.9.0) Deprecated, use 'spellcheck' instead
Global attributes are attributes common to all HTML elements; they can be used on all elements, though the attributes may have no effect on some elements.
Global attributes may be specified on all HTML elements, even those not specified in the standard. That means that any non-standard elements must still permit these attributes, even though using those elements means that the document is no longer HTML5-compliant. For example, HTML5-compliant browsers hide content marked as
<foo hidden>...<foo>
, even though<foo>
is not a valid HTML element.MDN