不管是招聘還是聊天經(jīng)常能聽(tīng)到 h5開(kāi)發(fā)，它指的是什么？和 HTML5有什么關(guān)系?
- h5實(shí)際上是一個(gè)解決方案，一個(gè)看起來(lái)酷炫的移動(dòng)端onepage網(wǎng)站的解決方案。而這個(gè)解決方案不僅包含了HTML5新增的audio標(biāo)簽，canvas，拖拽特性，本地存儲(chǔ)，websocket通信，同時(shí)也包括了盒模型，包括絕對(duì)定位，包括一切前端的基本知識(shí)。
- HTML5
HTML5是什么？有哪些新特性？有哪些新增標(biāo)簽？如何讓低版本的 IE 支持 HTML5新標(biāo)簽
HTML5 是對(duì) HTML 標(biāo)準(zhǔn)的第五次修訂，目前仍未完工。其主要的目標(biāo)是將互聯(lián)網(wǎng)語(yǔ)義化，以便更好地被人類(lèi)和機(jī)器閱讀，并同時(shí)提供更好地支持各種媒體的嵌入。HTML5 的語(yǔ)法是向后兼容的。
語(yǔ)義：能夠讓你更恰當(dāng)?shù)孛枋瞿愕膬?nèi)容是什么。
連通性：能夠讓你和服務(wù)器之間通過(guò)創(chuàng)新的新技術(shù)方法進(jìn)行通信。
離線 & 存儲(chǔ)：能夠讓網(wǎng)頁(yè)在客戶端本地存儲(chǔ)數(shù)據(jù)以及更高效地離線運(yùn)行。
多媒體：使 video 和 audio 成為了在所有 Web 中的一等公民。
2D/3D 繪圖 & 效果：提供了一個(gè)更加分化范圍的呈現(xiàn)選擇。
性能 & 集成：提供了非常顯著的性能優(yōu)化和更有效的計(jì)算機(jī)硬件使用。
設(shè)備訪問(wèn) Device Access：能夠處理各種輸入和輸出設(shè)備。
樣式設(shè)計(jì): 讓作者們來(lái)創(chuàng)作更加復(fù)雜的主題吧！
新增標(biāo)簽有：
<header>、<main>,<footer>,<figure>,<nav>,<aside>,<svg>``<section>,<article>,<canvas>。都是塊級(jí)元素，主要體現(xiàn)了標(biāo)簽的語(yǔ)義化對(duì)于低版本的IE，加入
<scriptsrc="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
就可以支持HTML5的新標(biāo)簽。
input 有哪些新增類(lèi)型？
- color
- date
- datetime
- datetime-local
- month
- number
- range
- search
- tel
- time
- url
- week
瀏覽器本地存儲(chǔ)中 cookie 和 localStorage 有什么區(qū)別？ localStorage 如何存儲(chǔ)刪除數(shù)據(jù)。
| cookie | localStorage | |
|---|---|---|
| 有效期 | cookie只在設(shè)置的cookie過(guò)期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉 | 除非被清除，否則永久保存 |
| 數(shù)據(jù)大小 | 4K數(shù)據(jù)極小 | 5MB |
| 與服務(wù)端通信 | 每次都會(huì)攜帶在HTTP頭中 | 在客戶端中保存，不與服務(wù)器通信 |
| 數(shù)據(jù)共享 | 在所有同源窗口中都是共享的 | 在所有同源窗口中都是共享的 |
