HTML5全局属性,功能元素

1. contentEditable属性
contentEditable属性的主要功能是允许用户可以在线编辑元素中的内容。contentEditable 是一个布尔值属性，可以被指定为true 或 false。
该属性还有一个隐藏的inherit (继承) 状态， 属性为true 时， 元素指定为允许编辑；属性为 false 时，元素被指定为不允许编辑；未指定 true 或 false 时，则inherit 状态来决定，如果元素的父元素是可编辑的则该元素就是可编辑的。
代码：

  <h2>可编辑列表</h2>
	 <ul contenteditable="true">
 	 <li>元素1</li>
 	 <li>元素2</li>
 	 <li>元素3</li>
     </ul>

效果：可以重新编辑

2.draggable 属性
draggable 属性可以定义元素是否可以被拖动。
true : 元素可被拖动
false : 元素不可被拖动
auto: 使用浏览器的默认方式
目前 IE9, Firefox, Opera, Chrome 和 Satari 都支持 draggable 属性。
3.dropzone 属性
dropzone 属性定义在元素上拖动数据时，是否复制、移动或链接被拖动数据。属性取值说明如下：
copy : 拖动数据会产生被拖动的副本
move : 拖动数据会导致被拖动数据被移动到新位置
link : 拖动数据会产生指向原始数据的链接
目前所有主流浏览器都不支持 dropzone 属性。

4.hidden 属性
该属性设置元素的可见状态，取值为一个布尔值，当设为true 时， 元素 处于不可见状态；当设为false 时， 元素处于可见。
除了 IE ，所有的主流浏览器都支持 hidden 属性。

**5.spellcheck 属性**
     spellcheck 属性定义对元素是否拼写和语法检查 。
        input 元素中的文本
        <textarea>  元素中的文本
         可编辑元素中的文本
         spellcheck 属性是一个布尔值的属性， 取值包括 true 和 false ，为 true 时表示对元素拼写和语法检查，为flase 则不检查元素。

6. translate 属性
translate 属性是否对元素进行翻译
yes : 应该翻译元素内容
no : 不应该翻译元素内容
目前所以浏览器都无法支持 translate 属性

html5 动能元素

1、hgroup元素
hgroup 标签用于对网页或区段（section）的标题进行组合。

标题1

标题2

2.video元素

  <video src="   " controls="controls">
          元素
  </video>

3.audio元素
定义音频。

您的浏览器不支持此元素。

4.embed元素
用来插入各种多媒体，格式可以是wav、mp3 、AU等、

5.mark元素
高亮显示文本。

这是一个美好时代！

6. canvas元素
   表示图形，如图表和其他图像。这个元素本身没有行为，仅提供一块画布，但它把一个绘图API展现给客户端JavaScript，以使脚本能够把想绘制的东西绘制到这块画布上。
   

html5内容自适应
在网页代码的头部，加入一行viewport元标签

这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是>一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行 这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软换行这是一个软 换行

这是一个硬换行