HTML5是什么?有哪些新特性俐镐?有哪些新增標簽筐喳?如何讓低版本的 IE 支持 HTML5新標簽贺待?
HTML5是超文本標記語言的第五次重大修改
-
新特性:
- 語義特性
- 本地存儲特性
- 設備兼容特性
- 連接特性
- 網頁多媒體特性
- 性能與集成特性
- CSS3特性
新增標簽:
section
,video
,progress
,nav
,meter
,time
,aside
,canvas
,command
,datalist
,details
,embed
,figcaption
,figure
,footer
,header
,hgroup
,keygen
,mark
,output
,rp
,rt
,ruby
,source
,summary
,wbr
低版本IE支持HTML5新標簽
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
input 有哪些新增類型岭妖?
<input type="color" name="favcolor">
可以調出瀏覽器的調色板選擇喜歡的顏色
<input type="date" name="bday">
出現(xiàn)一個日期選擇器選擇一個日期
<input type="datetime" name="bdaytime">
datetime 類型允許你選擇一個日期(UTC 時間)
<input type="datetime-local" name="bdaytime">
datetime-local 類型允許你選擇一個日期和時間 (無時區(qū))
<input type="email" name="email">
提交的時候會自動驗證email輸入正不正確临庇,相當于自動幫我們做了個正則
<input type="month" name="bdaymonth">
month 類型允許你選擇一個月份
<input type="number" name="quantity" min="1" max="5">
提供一個列表選擇數(shù)字反璃,可以設定對所接受的數(shù)字的限定
<input type="range" name="points" min="1" max="10">
range 類型用于應該包含一定范圍內數(shù)字值的輸入域。range 類型顯示為滑動條假夺。
<input type="search" name="googlesearch">
search 類型用于搜索域版扩,比如站點搜索或 Google 搜索
<input type="tel" name="usrtel">
定義輸入電話號碼字段
<input type="time" name="usr_time">
定義可輸入時間控制器(無時區(qū))
<input type="url" name="homepage">
url 類型用于應該包含 URL 地址的輸入域。在提交表單時侄泽,會自動驗證 url 域的值。
<input type="week" name="week_year">
week 類型允許你選擇周和年蜻韭。
瀏覽器本地存儲中 cookie 和 localStorage 有什么區(qū)別悼尾? localStorage 如何存儲刪除數(shù)據(jù)。
- cookie
- CSS3特性 一般由服務器生成肖方,可以設置失效時間闺魏。如果在瀏覽器端生成cookie,默認是關閉瀏覽器后失效
- 儲存數(shù)據(jù)大小只有4KB左右
- 每次都會攜帶在HTTP頭中俯画,如果使用cookie保存過多數(shù)據(jù)會帶來性能問題
- localStorage
1.需要手動清除析桥,否則永久保存
2.儲存數(shù)據(jù)大小5MB
3.數(shù)據(jù)僅在瀏覽器中保存,不參與和服務器的通信
localStorage.setItem('name', 'Tim');//存儲一個叫name的鍵艰垂,值為Tom
localStorage.getItem("name"); //獲取存儲的數(shù)據(jù)
localStorage.removeItem("name");//刪除存儲的數(shù)據(jù)