Global Attributes
HTML global attributes are those attributes which are common for all HTML elements. The global attributes are supported by both standard and non-standard element.
The global attributes can be used with all elements, although it may not have any effect on some elements.
Following is the complete list of global attributes with their description:
Attributes | value | Description |
---|---|---|
accesskey | character | It is used to generate keyboard shortcuts for the current element. |
class | classname | It is used to provide the class name for the current element. It is mainly used with the stylesheet. |
Contenteditable | true false | It determines whether the content within an element is editable or not. |
contextmenu | menu_id | It defines the id for the <menu> element which is used as a context menu (a menu appear on right click) for an element. |
data-* | somevalue | It is used to store element-specific private data which can be accessed by Javascript. |
dir | rtl ltr auto | It specifies the direction of the content inside the current element. |
draggable | true false auto | It specifies whether the content within an element is movable or not using Drag and Drop API. |
dropzone | copy move link | It specifies the action is taken on the dragged element when it is dropped, ¬¬ such as whether it is copied, moved or linked. |
hidden | It is used to hide the element from view. | |
id | id | It specifies a unique id for the element. It can be used with CSS and JavaScript. |
lang | language_code | It specifies the primary language for the content of an element. |
style | style | It is used to apply inline CSS to the current element. |
spellcheck | true false | It specifies whether the content should be checked for spelling errors or not. |
tabindex | number | It determines the tabbing order of an element. |
title | text | It is used to provide the title, name, or some extra information about the element. |
translate | yes no | It specifies whether the content of the element should be translated when the page is localized or not. |