html5新特性及常見問題

h5新特性

  1. 用于繪畫canvas元素
  2. 用于媒介回放的video和audio元素
  3. 本地離線存儲localStorage 長期存儲數據，瀏覽器關閉后數據不丟失；sessionStorage的數據字瀏覽器關閉后自動刪除
  4. 語義化更好的內容元素，比如：article、footer、header、nav、section
  5. 表單控件，data、time、email、url、search、等
  6. 新的技術webworker,websocket,Geolocation
  7. 拖拽釋放

新的文檔聲明

<!DOCTYPE html>

HTML5中新的語義化標簽

列舉常用的幾種
  • header
  • footer
  • article
  • aside
  • section

HTML5新的表單屬性

  • Datalist
  • datetime
  • output
  • keygen
  • date
  • month
  • week
  • time
  • number
  • range
  • emailurl

h5移出了哪些元素？

basefont, big, center, font, s, tt, u

本地存儲(localStorage)和cookies儲存有什么區別？

cookies:服務器和客戶端都可以訪問，大小只有4kb左右,有有效期,過期后將會刪除
本地存儲：只有本地的瀏覽器可以訪問數據，服務器不能訪問本地存儲，可以故意通過post或者get的通道發送到服務器，每個域5MB,沒有過期數據，直到用戶從瀏覽器刪除或者JavaScript代碼刪除

你如何對網站的文件和資源進行優化？

文件合并

文件最小化/文件壓縮

使用CDN托管

緩存的使用

什么是響應式設計？

響應式設計就是一個網站可以兼容多個終端，而不是為每個終端做一個特定的版本。我們的頁面都應該能夠去自動響應用戶的設備環境

HTML5 Canvas 元素有什么用？

Canvas 元素用于在網頁上繪制圖形，該元素標簽強大之處在于可以直接在 HTML 上進行圖形操作。

為什么利用多個域名來存儲網站資源會更有效？

CDN緩存更方便 

突破瀏覽器并發限制 

節約cookie帶寬 

節約主域名的連接數，優化頁面響應速度 

防止不必要的安全問題

請談一下你對網頁標準和標準制定機構重要性的理解？

網頁標準和標準制定機構都是為了能讓web發展的更'健康'，開發者遵循統一的標準，降低開發難度，開發成本，也不會因為濫用代碼導致各種BUG、安全問題，最終提高網站易用性。

知道css有個content屬性嗎？有什么作用？有什么應用？

css的content屬性專門應用在 before/after 偽元素上，用來插入生成內容。最常見的應用是利用偽類清除浮動。
最常見的一種清除浮動：
.clear:after{
    display:block;
    content:''; 
    clear:both;
}
.clear{ 
    zoom:1;
}

如何在 HTML5頁面中嵌入音頻?

HTML 5 包含嵌入音頻文件的標準方式，支持的格式包括 MP3、Wav 和 Ogg：

<audio controls> 
  <source src="jamshed.mp3" type="audio/mpeg"> 
</audio>

如何在 HTML5 頁面中嵌入視頻？

和音頻一樣，HTML5 定義了嵌入視頻的標準方法，支持的格式包括：MP4、WebM 和 Ogg：

<video width="450" height="340" controls> 
  <source src="jamshed.mp4" type="video/mp4"> 
</video>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容