What are the global attributes of html?-HTML Tutorial-php.cn

What are the global attributes of html?

HTML Global Attributes are attributes that apply to all HTML elements, and they can be used in any HTML tag. These global properties are intended to provide common attributes that enhance the functionality and style of HTML elements. Below we will introduce some commonly used HTML global attributes and attach corresponding code examples.

class(Class)
classattribute is used to specify one or more class names to define styles for elements. Multiple class names can be separated by spaces. Style sheets and JavaScript code can select specific elements based on class names.

Code example:

 这是一个红色的段落。

Copy after login

In the above example,class="container"defines a class with the class namecontainerThedivelement, andclass="red"defines apelement with the class namered.

id(Identification) The
idattribute is used to define a unique identifier for an element so that a specific element can be selected via JavaScript or CSS. Elementidmust be unique on each page.

Code example:

这是页面的标题

Copy after login

In the above example,id="title"defines a unique identifier astitleTheh1element.

style(style)
styleattribute is used to directly define the inline style for the element. You can set the color, font, background and other styles of the element. .

Code Example:

这是一个红色的段落，字体大小为16像素。

Copy after login

In the above example, thestyleattribute defines a red font and ap## with a font size of 16 pixels #element.

title(title)
titleattribute is used to provide additional information to the element when the mouse is hovered over the element. will be displayed as a tool tip. Typically used to provide additional description of an element.

Code Example:

示例网站

Copy after login

In the above example, when the mouse is hovered over the

element, it will be in the form of a tooltip "Click to jump to sample website" is displayed.

The above are only some common uses and examples of HTML global attributes. There are also other global attributes, such as

lang,hidden,draggableetc., they all have their own specific uses. Global attributes provide us with more flexibility and functionality in developing and customizing web pages. By using these attributes appropriately, we can better control and present the content of the page.

The above is the detailed content of What are the global attributes of html?. For more information, please follow other related articles on the PHP Chinese website!