Html5(0) 初步瞭解

  1. html的新特性:用於繪圖的canvas標籤
    用於媒體回放的video 和 audio元素
    本地離線存儲的更好支持
    新語意元素:article、footer、header、nav、section
    新表單控件:calendar、date、time、email、url、search

  2. 瀏覽器支持:chrome、firefox、opera、ie9、safari

  3. 瀏覽器兼容方法:JavaScript 語句 document.createElement(“myHero”) 是爲了爲 IE 瀏覽器添加新的元素
    但是IE8以下的版本不支持該方式,可以通過外部的shiv的js文件來解決

    <head>
        <title>Styling HTML5</title>
        <!--[if lt IE 9]>
        <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js">
        </script>
        <![endif]-->
    </head>

4.canvas只是一個圖形容器,是畫布容器。繪圖 需通過JavaScript 腳本來進行

5.除了cookies之外,html5提供兩種新的web存儲:

  爲什麼用:傳統cookies的缺點:大小限制4kb;佔用帶寬;操作麻煩
    localStorage    //沒有時間限制的本地存儲
    sessionStorage  //針對一個session的數據存儲  

在js腳本中使用時,可以採用setItem(鍵,值)和 getItem(鍵)來保存或獲取數據結合JSON使用還可以將 本地存儲作爲一個 本地的 簡單的數據庫來使用,具體可以參考極客學院Html5教程 第二章 第9節

6.html5應用程序緩存,作用:離線瀏覽,用戶可以在離線時時候用
已緩存的資源加載迅速
減少服務器負載

7.html5 SSE Server-Sent Event(服務器發送事件),應用場景:股票/比特比指數查看,兩秒刷一次

發佈了41 篇原創文章 · 獲贊 4 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章