HTML5没用过的十个功能

2022-06-01 分类：网站建设

Details Tag

标签提供随需应变的细节内容给用户。如果需要按需向用户显示内容，请使用此标记。默认情况下，详细内容是关闭的。打开后，它将展开并显示其中的内容。
标签与一起使用，来为它指定一个可见的标题。

Content Editable

contenteditable是可以在元素上设置以使内容可编辑的属性
可以与DIV，P，UL等元素一起使用。您必须像这样指定它：。
注意，如果contenteditable未在元素上设置属性，则会从其父级继承该属性。
可以使span或div元素可编辑，并且可以使用CSS样式向其添加任何丰富的内容。这将比使用input 输入框更好。试一试！

Map

标签可以帮助定义image map，image map是其中具有一个或多个可单击区域的任何图像。map标签与标签一起确定可点击区域。可点击区域可以是矩形，圆形或多边形区域中的任意一种。如果您未指定任何形状，它将默认整个图像。

Mark Content

使用标记突出显示任何文本内容。
您始终可以使用CSS更改突出显示颜色，
mark {
background-color: green;
color: #FFFFFF;
}

data-* attribute

data-*属性用于存储页面或应用程序专用的自定义数据。可以在JavaScript代码中使用存储的数据来创建更多的用户体验。
data- *属性由两部分组成：
• 属性名称不得包含任何大写字母，并且前缀“ data-”后必须至少长一个字符
• 属性值可以是任何字符串
注意：要在JavaScript中读取这些属性的值，可以使用getAttribute()，但是规范定义了一种更简单的方法：使用dataset属性。

Output Tag

标签表示运算的结果。通常，此元素定义一个区域，该区域将用于显示某些计算得出的文本。
如果要在客户端JavaScript中执行任何计算，并且希望结果反映在页面上，请使用标记。您不必走动使用可获取元素的额外步骤：getElementById()。

Datalist

标签指定了预先定义的选项列表，并允许用户添加更多。它提供了一项autocomplete功能，使您可以提前输入所需的选项。
与传统-标签有何不同？Select标记用于从选项中选择一个或多个项目，您需要浏览列表以进行选择。Datalist是具有自动完成支持的高级功能。也就是说Datalist标签不仅可以选择，还可以输入

Range(Slider)

range具有滑块，范围选择的输入类型

Meter

使用标签测量给定范围内的数据。
请勿将标签用于进度条。我们有HTML5的标记。

当前标题：HTML5没用过的十个功能
文章源于：https://www.cdcxhl.com/news/162110.html

成都网站建设公司_创新互联，为您提供域名注册、网站收录、定制开发、动态网站、面包屑导航、网页设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容