1.不管是招聘還是聊天經常能聽到 h5開發(fā),它指的是什么?和 HTML5有什么關系?
招聘中的H5不是指一種語言,而是可以制作出一類產品的技術的總稱,這類產品中流傳最為廣泛的是微信活動頁面。
2.HTML5是什么?有哪些新特性?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽。
HTML5是超文本標記語言的第五代標準。
新特性:
- 新增了很多語義化標簽,例如<header><footer><main>等。
- 新增了繪圖標簽<canvas>,并且支持SVG繪圖。
- 媒體功能<audio><vedio>。
- 對本地離線存儲的更好的支持,分擔cookie的壓力;例如localStorage和sessionStorage
- 新的跨域通信機制window.postMessage
- 以及一些新的功能:contenteditable,這個屬性讓原來一些不能被編輯的可以被用戶編輯內容;draggable:這個屬性能允許用戶拖動元素;Geolocation地理位置等。
常用新標簽:
- <article> 定義頁面獨立的內容區(qū)域。
- <aside> 定義頁面的側邊欄內容。
- <bdi> 允許您設置一段文本,使其脫離其父元素的文本方向設置。
- <command> 定義命令按鈕,比如單選按鈕、復選框或按鈕
- <details> 用于描述文檔或文檔某個部分的細節(jié)
- <dialog> 定義對話框,比如提示框
- <summary> 標簽包含 details 元素的標題
- <figure> 規(guī)定獨立的流內容(圖像、圖表、照片、代碼等等)。
- <figcaption> 定義 <figure> 元素的標題
- <footer> 定義 section 或 document 的頁腳。
- <header> 定義了文檔的頭部區(qū)域
- <mark> 定義帶有記號的文本。
- <meter> 定義度量衡。僅用于已知最大和最小值的度量。
- <nav> 定義導航鏈接的部分,<b>自動inline-block了。</b>
- <progress> 定義任何類型的任務的進度。
- <ruby> 定義 ruby 注釋(中文注音或字符)。
- <rt> 定義字符(中文注音或字符)的解釋或發(fā)音。
- <rp> 在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內容。
- <section> 定義文檔中的節(jié)(section、區(qū)段)。
- <time> 定義日期或時間。
- <wbr> 規(guī)定在文本中的何處適合添加換行符。
- 參考
兼容IE9一下版本:
使用這個js文件來兼容
<pre>
</pre>
3.input 有哪些新增類型?
4.瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別? localStorage 如何存儲刪除數(shù)據(jù)。
- cookie很小,4KB左右,不適合存儲業(yè)務數(shù)據(jù),它的主要用途有保存登錄信息,比如你登錄某個網站可以看到“記住密碼”,這就是通過在 Cookie 中存入一段辨別用戶身份的數(shù)據(jù)來實現(xiàn)的。
- localStorage是HTML5標準中新加入的技術,用于持久化的本地存儲,除非主動刪除數(shù)據(jù),否則數(shù)據(jù)是永遠不會過期的,和cookie不一樣,他不會主動的數(shù)據(jù)發(fā)送給服務器,大小可達到5mb左右,并且可永久保存,不參與http通信,本質是在本地讀取數(shù)據(jù),他分為兩種:sessionStorage和localStorage;
版權歸ENVY和饑人谷所有,轉載請注明出處