📌  相关文章
📜  HTML5-属性

📅  最后修改于: 2020-10-23 06:12:11             🧑  作者: Mango

如上一章所述，元素可能包含用于设置元素各种属性的属性。

一些属性是全局定义的，可以在任何元素上使用，而另一些属性则仅用于特定元素。所有属性都有一个名称和一个值，看起来像下面的示例中所示。

以下是HTML5属性的示例，该示例说明了如何使用值为“ example”的名为class的属性标记div元素-

...

属性只能在开始标记中指定，并且绝不能在结束标记中使用。

HTML5属性不区分大小写，并且可以全部大写或大小写混合使用，尽管最常见的约定是坚持小写。

标准属性

几乎所有HTML 5标签都支持以下列出的属性。

Attribute Options Function
accesskey User Defined Specifies a keyboard shortcut to access an element.
align right, left, center Horizontally aligns tags
background URL Places an background image behind an element
bgcolor numeric, hexidecimal, RGB values Places a background color behind an element
class User Defined Classifies an element for use with Cascading Style Sheets.
contenteditable true, false Specifies if the user can edit the element’s content or not.
contextmenu Menu id Specifies the context menu for an element.
data-XXXX User Defined Custom attributes. Authors of a HTML document can define their own attributes. Must start with “data-“.
draggable true,false, auto Specifies whether or not a user is allowed to drag an element.
height Numeric Value Specifies the height of tables, images, or table cells.
hidden hidden Specifies whether element should be visible or not.
id User Defined Names an element for use with Cascading Style Sheets.
item List of elements Used to group elements.
itemprop List of items Used to group items.
spellcheck true, false Specifies if the element must have it’s spelling or grammar checked.
style CSS Style sheet Specifies an inline style for an element.
subject User define id Specifies the element’s corresponding item.
tabindex Tab number Specifies the tab order of an element.
title User Defined “Pop-up” title for your elements.
valign top, middle, bottom Vertically aligns tags within an HTML element.
width Numeric Value Specifies the width of tables, images, or table cells.

有关HTML5标签和相关属性的完整列表，请检查我们对HTML5标签的参考。

自定义属性

HTML 5中引入的新功能是自定义数据属性的添加。

自定义数据属性以data-开头，并将根据您的要求进行命名。这是一个简单的例子-


   ...

上面的代码将是完全有效的HTML5，具有两个名为datasubject和data-level的自定义属性。您将能够使用JavaScript API或CSS来获取这些属性的值，就像获取标准属性一样。