HTML5
本文內容參考于“HTML5｜W3scool”教程
簡介
是最新的 HTML 標準，擁有新的語意、圖形以及多媒體元素
提供了新的 API 簡化了 web 應用程式的搭建
是跨平臺的，被設計為在不同型別的硬體（PC、平板、手機、電視機等等）之上運行
實體
申明HTML5檔案型別
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>
<body>
Content of the document......
</body>
</html>
新特性
- 語意元素
<header>
<footer>
<article>
<section>
- 表單控制元件
數字、數字、日期、時間、日歷和滑塊
- 影像支持
<canvas>
<svg>
詳細內容建議查看“HTML5 Canvas｜W3scool”
- 多媒體支持
<video>
<audio>
- API
本地存盤
sessionStorage約5M，短期存盤- 關閉瀏覽器視窗自動清除
localStorage約20M，永久存盤- 需手動洗掉
// 只能存盤字串，可以將物件 JSON.stringify() 編碼后存盤
// [api] 指代可選 sessionStorage/localStorage
window.[api].getItem(key)
window.[api].setItem(key, value)
window.[api].removeItem(key)
window.[api].clear()
高頻考點：storage和cookie的區別？
存盤位置不同：cookie資料始終在同源的http請求中攜帶，即cookie在瀏覽器和服務器間來回傳遞，sessionStorage和localStorage僅在本地保存，
存盤容量不同：cookie資料不能超過4k，而sessionStorage和localStorage可以達到5M或更大，
資料有效期不同：sessionStorage：僅在當前瀏覽器視窗關閉前有效；localStorage：永久有效；cookie：過期時間內有效，
作用域不同：sessionStorage不能在不同的瀏覽器視窗中共享，即使是同一個頁面；localStorage、cookie支持在所有同源視窗中共享，
未完待續...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/298276.html
標籤：其他