HTML5新增了哪些全局属性

语法：

示例如下：

本段落拥有一个名为 "supermenu" 的上下文菜单。这个菜单会在用户右键单击该段落时出现。
      
注意：目前的主流浏览器都不支持 contextmenu 属性。

3、"data-*"属性

所有主流浏览器都支持 data-* 属性。

data-* 属性用于存储私有页面后应用的自定义数据。

data-* 属性可以在所有的 HTML 元素中嵌入数据。

自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。

data-* 属性由以下两部分组成：

属性名不要包含大写字母，在 data- 后必须至少有一个字符。该属性可以是任何字符串

注意： 自定义属性前缀 "data-" 会被客户端忽略。

语法为：

示例如下：

物种
点击一个物种，看看它是什么类型：
  
Owl
  
Salmon
    
Tarantula
  

4、draggable属性

draggable 属性规定元素是否可拖动。

提示： 链接和图像默认是可拖动的。

语法为：

示例如下：

这是一段可移动的段落。请把该段落拖入上面的矩形。

输出结果：

5、dropzone属性

没有主流浏览器支持 dropzone 属性。

dropzone 属性规定当被拖动的数据在拖放到元素上时，是否被复制、移动或链接。

语法为：

示例如下：

6、hidden属性

hidden 属性规定对元素进行隐藏。

隐藏的元素不会被显示。

如果使用该属性，则会隐藏元素。

可以对 hidden 属性进行设置，使用户在满足某些条件时才能看到某个元素（比如选中复选框，等等）。然后，可使用 JavaScript 来删除 hidden 属性，使该元素变得可见。

语法为：

示例如下：

这是一段可见的段落。

输出结果：

7、spellcheck属性

spellcheck 属性规定是否对元素内容进行拼写检查。

可对以下文本进行拼写检查：

类型为 text 的 input 元素中的值（非密码）textarea 元素中的值可编辑元素中的值

语法

示例如下：

这是可编辑的段落。请试着编辑文本。
First name: 
注意： Internet Explorer 9 及更早 IE 版本不支持 spellcheck 属性。

输出结果：

8、translate属性

目前没有主流浏览器支持 translate 属性。

translate 属性规定元素内容是否要翻译。

测试：使用 Google 翻译工具，查看以下单词 "ice cream" 会变成什么：

这边我们使用 translate="no": ice cream.

这边我们使用 class="notranslate": ice cream.

提示： 使用 class="notranslate" 替代。

语法

示例如下：

这个段落不能翻译。
这个段落可以被翻译

感谢你能够认真阅读完这篇文章，希望小编分享的"HTML5新增了哪些全局属性"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!