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:

Example:

Attribute Names value Explaination
class classname It is used to provide the class name for the current element. It is mainly used with the stylesheet.
Content editable true

false It determines whether the content within an element is editable or not. 
accesskey character It is used to generate keyboard shortcuts for the current element. 
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 value 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.

Attribute Names	value	Explaination
class	classname	It is used to provide the class name for the current element. It is mainly used with the stylesheet.
Content editable	true false	It determines whether the content within an element is editable or not.
accesskey	character	It is used to generate keyboard shortcuts for the current element.
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	value	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.

<-- Event Attributes