HTML5

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和饑人谷所有,轉載請注明出處
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 接上 關于HTML/HTML5(一)http://www.lxweimin.com/p/33fc7840c079 學...
    Amyyy_閱讀 835評論 0 4
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,110評論 1 25
  • HTML5是什么?有哪些新特性?有哪些新增標簽?如何讓低版本的 IE 支持 HTML5新標簽? HTML5是HTM...
    LeeoZz閱讀 422評論 0 0
  • HTML5 第一章 HTML5概述 H5是下一代的web開發(fā)的基礎. 1.1 web技術發(fā)展時間線 1991 HT...
    whitsats閱讀 1,095評論 0 0
  • 女友小君總向我抱怨:龍龍,天天喊口號減肥都一年了,一點也瘦不下去。年初定了一大堆計劃,年尾一個也沒實現(xiàn)。晨跑堅...
    龍女卷風閱讀 196評論 0 1