【系列】html5新增属性（一）

一、html5新增属性

1、contextmenu

1）contextmenu 在Html5中，每个元素新增了一个属性：contextmenu, contextmenu 是上下文菜单，即鼠标右击元素会出现一个菜单。

2）menu 要实现鼠标右击元素会出现一个菜单，还必须了解html5里新增的另一个元素:menu 顾名思义menu是定义菜单的， menu 元素属性： type ：菜单类型属。
有三个值 1）context：上下文； 2）toolbar：工具栏；3）list：列表

3）<menuitem>

<menu> </menu>内部可以嵌入一个一个菜单项，即<menuitem></menuitem>。

menuitem 属性：

label：菜单项显示的名称

icon：在菜单项左侧显示的图标

onclick：点击菜单项触发的事件

4）只支持火狐浏览器

2、contenteditable

1）规定是否可编辑元素的内容

2）属性值：

true -----可以编辑元素的内容

false -----无法编辑元素的内容

inherit -----继承父元素的contenteditable属性

3）当为空字符串时，效果和true一致。

4）当一个元素的contenteditable状态为true（contenteditable属性为空字符串，或为true，或为inherit且其父元素状态为true）时，意味着该元素是可编辑的。否则，该元素不可编辑。

3、draggable

规定元素是否可拖拽

3个枚举值

true 规定元素是可拖动的。

false 规定元素是不可拖动的。

auto 使用浏览器的默认特性。

4、hidden

1）hidden属性用于隐藏该元素。一旦使用了此属性，则该元素就不会在浏览器中被显示

2）2个布尔值

true 规定元素是可见。

false 规定元素是不可见。