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">
出现一个日期选择器选择一个日期
<input type="datetime" name="bdaytime">
datetime 类型允许你选择一个日期(UTC 时间)
<input type="datetime-local" name="bdaytime">
datetime-local 类型允许你选择一个日期和时间 (无时区)
<input type="email" name="email">
提交的时候会自动验证email输入正不正确,相当于自动帮我们做了个正则
<input type="month" name="bdaymonth">
month 类型允许你选择一个月份
<input type="number" name="quantity" min="1" max="5">
提供一个列表选择数字,可以设定对所接受的数字的限定
<input type="range" name="points" min="1" max="10">
range 类型用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。
<input type="search" name="googlesearch">
search 类型用于搜索域,比如站点搜索或 Google 搜索
<input type="tel" name="usrtel">
定义输入电话号码字段
<input type="time" name="usr_time">
定义可输入时间控制器(无时区)
<input type="url" name="homepage">
url 类型用于应该包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值。
<input type="week" name="week_year">
week 类型允许你选择周和年。
浏览器本地存储中 cookie 和 localStorage 有什么区别? localStorage 如何存储删除数据。
- cookie
- CSS3特性 一般由服务器生成,可以设置失效时间。如果在浏览器端生成cookie,默认是关闭浏览器后失效
- 储存数据大小只有4KB左右
- 每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题
- localStorage
1.需要手动清除,否则永久保存
2.储存数据大小5MB
3.数据仅在浏览器中保存,不参与和服务器的通信
localStorage.setItem('name', 'Tim');//存储一个叫name的键,值为Tom
localStorage.getItem("name"); //获取存储的数据
localStorage.removeItem("name");//删除存储的数据