HTML5与css3
2017-07-10 本文已影响0人
饥人谷_有点热
1.HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的 IE 支持 HTML5新标签
HTML5是HTML新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
新特性：
- 加入了<artile>，<header>，<section>，<footer>等语义化标签
- 增强了<input>的type
- 原生支持插入音频视频
- canvas 元素可以使用 JavaScript 直接在网页上绘制图像
- HTML5为元素新增了用于拖拽的属性draggable
- 离线存储
新增标签
- <article>标签定义一个独立完整的内容，比如一篇文章
- <aside>标签定义独立于主内容的区块，比如一个组件
- <footer> 标签定义 section 或页面的尾部内容
- <section> 标签定义文档中的一个章节，比如产品介绍部分
- <nav> 标签定义导航部分
- <header> 标签定义 section 或页面的头部
- <hgroup> 标签一般包括一个H加一个P标签
- <figure>与<figcaption>一般包括一张img及图片介绍
- <audio> 标签定义声音
- <video> 标签定义视频
- <canvas> 标签定义图形，可以绘制矢量图形
- <command> 标签定义命令按钮，比如单选按钮、复选框或按钮
- <datalist> 标签定义可选数据的列表。与 input 元素配合使用。但一般多使用ajax与后端交互实现
- <embed> 标签定义嵌入的内容，比如插件
- <mark>标签主要用来在视觉上向用户呈现那些需要突出的文字，一般用于高亮显示结果
- <source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源
- <time> 标签定义日期或时间，或者两者
更多
2.input 有哪些新增类型？
- color：用于指定颜色的控件。
- date：用于输入日期的控件（年，月，日，不包括时间）。
- datetime：基于 UTC 时区的日期时间输入控件（时，分，秒及几分之一秒）。
- datetime-local：用于输入日期时间控件，不包含时区。
- email：用于编辑 e-mail 的字段。 合适的时候可以使用:valid和 :invalid CSS 伪类。
- month：用于输入年月的控件，不带时区。
- number: 用于输入浮点数的控件。
- search：用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
更多
3. 浏览器本地存储中 cookie 和 localStorage 有什么区别？ localStorage 如何存储删除数据。
cookie 和 localStorage的存储目的不同。cookie主要是读取服务端，localStorage只能被浏览器这样的客户端读取。
两者在技术上的差异主要为：
- cookie的每个cookie只有 4096 bytes ，而localStorage的每个域可以达到5MB
- localStorage
Storage接口的实现，它没有到期时间，可以通过JavaScript来清除，或者通过清除浏览器缓存（Browser Cache ）/本地存储数据（Locally Stored Data）来清除。
localStorage.setItem()设置数据项
localStorage.getItem()获取数据项
示例
localStorage.setItem('bgcolor', 'red');//写入
localStorage.getItem('bgcolor');//读取
