HTML5 标签/属性

1、a标签的download属性

 <a href="http://www.baidu.com" download="http://www.baidu.com">下载www.baidu.com</a>

download可以直接把这个页面的内容都下载下来
2、area标签 之前很少用，但是发现很好玩，结合图片可以做一些特殊的需求 参考 W3C 上的例子
3、style的 scoped属性 html5中的新属性，为文档的指定部分定义样式，而不是整个文档。
4、html元素的Manifest 参考 HTML5 的离线缓存
5、iframe元素的三个新属性 sandbox、seamless与srcdoc用来提高页面安全性，防止 不信任的web页面执行某些操作。
6、activeElement 焦点管理

document.activeElement

7、自定义数据属性

<div id="myDiv" data-appId="12345" data-myname="Nicholas"></div>

//本例中使用的方法仅用于演示
var div = document.getElementById("myDiv");
//取得自定义属性的值
var appId = div.dataset.appId;
var myName = div.dataset.myname;
//设置值
div.dataset.appId = 23456;
div.dataset.myname = "Michael";

8、滚动页面scrollIntoView
此处参考他人例子

另外：

Paste_Image.png

9、contains()方法

alert(document.documentElement.contains(document.body)); //true

DOM Level 3 compareDocumentPosition()也能够确定节点间的关系。

待续、、