參考：
一、document.queryselector()和document.queryselectorall()方法
document.queryselector()：根據css選擇器返回第乙個匹配的元素，如果沒有匹配返回null；
document.queryselectorall("selector")：queryselectorall和queryselector作用一樣的，只是queryselectorall返回的是元素陣列，queryselector返回的是乙個元素。如果queryselectorall沒有匹配的內容返回的是乙個空陣列。
二、html5之classlist屬性
fullscreen是html5的乙個新特徵，現在主流的瀏覽器已經支援：
click me
所謂頁面可見性就是當前頁面是處於顯示狀態還是隱藏狀態，頁面可見性對於**的統計非常有用。有的時候我們會統計使用者停留在每個頁面的時間，這個時間就是：使用者開啟網頁到網頁關閉或者最小化之間的時間。
**優化一直是專案開發中的重點之中，常用的優化方式主要有：懶載入、sprite、css合併、js合併、資料本地儲存、資料網路快取等。這些都是專案中經常使用的，html5考慮到了這一點，提出了鏈結預載入的方法，其實，這個方案是firefox提出的，所以它對鏈結預載入絕對的支援。什麼是鏈結預載入那？我們看一下mdn的描述：
頁面就得以快速呈現。
二、link的prefetch屬性
上面是預載入的使用方案，href就是預載入的檔案，可以看到可以載入不通型別的檔案。但是由於prefetch相容性現在使用不是特別的多，我們來看一下相容圖：
可以看到相容效果不是特別的好。考慮到prefetech的相容，w3c提出了另外乙個屬性dns-prefetch屬性。它的相容性現在主流瀏覽器基本都支援。
三、link的dns-prefetch
可以看到使用方法和prefetch一樣，只是rel的屬性不一樣。下面我們來看一下dns-prefetch的相容圖：通過上圖可以看到dns-prefetch的相容性比prefetch好很多。
四、注意事項
關於鏈結預載入，有如下注意事項：
- 預載入可以跨域進行，當然，請求時cookie等資訊也會被傳送。
- 預載入可能破壞**統計資料，而使用者並沒有實際訪問。
- 瀏覽器相容性不是很好
HTML5新增內容
先附上原始碼 完成百分比 100 蘋果素有 水果之王 的美稱，它含有豐富的維生素c，能讓 細嫩 柔滑而白皙，蘋果 的做法很簡單，將蘋果去皮去核切塊後放入攪拌機攪成泥狀，乾性 的美眉在蘋果泥中加入新鮮的牛奶或蜂蜜，油性 的美眉則可加入少量蛋清，攪拌均勻後塗在臉上，敷10 15分鐘後洗淨，你會發現膚色有...
HTML5新增內容
1.html5 標準還在制定中 首先要注意的是，html5雖然現在很火，但是html5標準還在制定中，標準仍在改變。html4已經10多年了，不會有任何改變了。2.簡化的語法 html5簡化了很多細微的語法，例如doctype的宣告，你只需要寫就行了。html5與html5，xhtml1相容，但是與...
html5中新增加的內容
一 html5中新增加的語義化標籤 header footer article figure.這些標籤不相容ie6 8低版本，相容處理 html5.min.js 修改或者刪除了一些標籤 strong small 附屬細則 hr.修改指的是改變了標籤的語義化 font center這些標籤建議不用 刪...