HTML5
簡介
是最新的 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支持在所有同源窗口中共享。