data标签

　　html data标签代表其自身内容的机器可读版本。当您需要以其他格式提供内容时，此功能非常有用。

　　您可能有一个脚本需要特定格式的数据，但这种格式不太方便用户使用。使用标签<data>，您可以提供两种不同格式的值：机器可读格式和用户友好格式（例如10和Ten）。您还可以提供两个不同的值，只要它们代表同一件事（例如，书籍 ID 和书籍标题都代表同一本书）。

　　如果值与日期或时间相关，请改用标签<time>。

　　标签<data>的书写方式为，<data value=""></data>用户友好的内容插入在开始和结束标签之间。value属性提供机器可读的值。

　　像这样：

　　<data value="值">
　　对用户友好内容....
　　</data>

　　典型的使用场景是显示产品列表。每个产品都有一个唯一的产品 ID。但产品 ID 是一个很长的数字，因此不太方便用户使用。使用标签<data>，您可以将产品 ID 放入value属性中，并将产品标题放在开始和结束标签之间。还可以使用<data>标签来表示以两种不同方式表达的数字（例如2和two）

　　该<data>元素接受以下属性。

　　value   提供元素内容的机器可读版本。必需属性。

　　全局属性

　　以下属性是所有 HTML 元素的标准属性。因此，您可以将这些属性与 标签<data>以及所有其他 HTML 标签一起使用。

　　accesskey

　　autocapitalize

　　class

　　contenteditable

　　data-*

　　dir

　　draggable

　　hidden

　　id

　　inputmode

　　is

　　itemid

　　itemprop

　　itemref

　　itemscope

　　itemtype

　　lang

　　part

　　slot

　　spellcheck

　　style

　　tabindex

　　title

　　translate

　　有关这些属性的完整解释，请参阅HTML 5 全局属性。

　　事件处理程序

　　事件处理程序内容属性可让您从 HTML 中调用脚本。当发生某个“事件”时，将调用该脚本。每个事件处理程序内容属性处理不同的事件。

　　onabort

　　onauxclick

　　onblur

　　oncancel

　　oncanplay

　　oncanplaythrough

　　onchange

　　onclick

　　onclose

　　oncontextmenu

　　oncopy

　　oncuechange

　　oncut

　　ondblclick

　　ondrag

　　ondragend

　　ondragenter

　　ondragexit

　　ondragleave

　　ondragover

　　ondragstart

　　ondrop

　　ondurationchange

　　onemptied

　　onended

　　onerror

　　onfocus

　　onformdata

　　oninput

　　oninvalid

　　onkeydown

　　onkeypress

　　onkeyup

　　onlanguagechange

　　onload

　　onloadeddata

　　onloadedmetadata

　　onloadstart

　　onmousedown

　　onmouseenter

　　onmouseleave

　　onmousemove

　　onmouseout

　　onmouseover

　　onmouseup

　　onpaste

　　onpause

　　onplay

　　onplaying

　　onprogress

　　onratechange

　　onreset

　　onresize

　　onscroll

　　onsecuritypolicyviolation

　　onseeked

　　onseeking

　　onselect

　　onslotchange

　　onstalled

　　onsubmit

　　onsuspend

　　ontimeupdate

　　ontoggle

　　onvolumechange

　　onwaiting

　　onwheel