HTML5全局属性

全局属性 contenteditable=true/false/classname 继承父元素的 contenteditable 属性。 设置文本是否可编辑

draggable=true/false/auto 使用浏览器的默认特性。 设置属性是否可拖动

dropzone 规定当被拖动的项目/数据被拖放到元素中时会发生什么。目前没有任何主流浏览器支持 dropzone 属性。

<element draggable="copy|move|link">

copy(拖动数据会导致被拖数据产生副本。)

move(拖动数据会导致被拖数据移动到新位置。)

link(拖动数据会生成指向原始数据的链接。)

hidden="hidden" 隐藏元素

---------------------------------------------

标签

<article>定义 article。</article>

<aside>定义页面之外的内容</aside>

<audio src="someaudio.wav">

您的浏览器不支持 audio 标签。

</audio>

属性autoplay=“autoplay” 如果出现该属性，则音频在就绪后马上播放。

controls="controls" 如果出现该属性，则向用户显示控件，比如播放按钮。

loop="loop" 如果出现该属性，则每当音频结束时重新开始播放。

preload="preload" 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。

src="url"

<video> 标签定义视频，比如电影片段或其他视频流。属性同audio相同

<bdi></bdi>定义文本的文本方向，使其脱离其周围文本的方向设置。属性 dir="ltr | rtl | auto"

<canvas>自定义图形</canvas> 属性 height | width 标签定义图形，比如图表和其他图像。标签只是图形容器，您必须使用脚本来绘制图形。

<datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist。

<input id="myCar" list="cars" />

<datalist id="cars">

<option value="BMW">

<option value="Ford">

<option value="Volvo">

</datalist>

但是datalist有个问题，当选好下拉选项也就是input有值得时候，再次点击下拉将失效，所以模拟select用这个不好，还是需要使用js实现

<details>定义元素的细节。</details>配合<summary>使用可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。

<embed src="helloworld.swf" />定义外部交互内容或插件。属性：src | height | width | type

<figcaption> 标签定义 figure 元素的标题（caption）。

<figure>

<figcaption>黄浦江上的的卢浦大桥</figcaption>

<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />

</figure>

<mark> 标签定义带有记号的文本

<nav> 标签定义导航链接的部分。

<output> 标签定义不同类型的输出，比如脚本的输出。

<progress> 标签定义运行中的进度（进程）。属性：max:定义完成的值。value:定义进程的当前值。

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。