1、a標簽的download屬性
<a 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()也能夠確定節點間的關系。
待續、、