HTML5 & CSS3

2017-09-10 本文已影响0人 guidetheorient

HTML的第五次重大修改，于14年10月发布

参考文献
1.MDN-HTML5

语义
更加丰富的标签赋予网页更好的意义和结构，如新增的<section>,<nav>,<footer>,<header>,<mark>等标签，允许网页嵌入和操作多媒体内容,如<audio>,<video>标签。
通信
HTML5拥有更有效的服务器推送技术，Server-Sent Event和WebSockets就是其中的两个特性，这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
离线&存储

Indexed DB（html5本地存储最重要的技术之一）和离线资源规范

标签	描述
canvas	用于图形的绘制，通过脚本 (通常是JavaScript)来完成
audio	音频
video	视频
source	多媒体资源 <video> 和<audio>
embed	嵌入的内容，比如插件
track	为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道
datalist	选项列表，与 input 元素配合使用该元素，来定义 input 可能的值
keygen	用于表单的密钥对生成器字段
output	定义不同类型的输出，比如脚本的输出
article	定义页面正文内容
aside	定义页面内容之外的内容
bdi	设置一段文本，使其脱离其父元素的文本方向设置
command	定义命令按钮，比如单选按钮、复选框或按钮
details	用于描述文档或文档某个部分的细节
dialog	定义对话框，比如提示框
summary	标签包含 details 元素的标题
figure	规定独立的流内容（图像、图表、照片、代码等等）
figcaption	定义 <figure> 元素的标题
footer	定义 section 或 document 的页脚
header	定义了文档的头部区域
mark	定义带有记号的文本
meter	定义度量衡。仅用于已知最大和最小值的度量
nav	导航
progress	定义任何类型的任务的进度
ruby	定义 ruby 注释（中文注音或字符）
rt	定义字符（中文注音或字符）的解释或发音
rp	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容
section	定义文档中的节（section、区段）
time	定义日期或时间
wbr	规定在文本中的何处适合添加换行符

使用html5shiv.js。html头部引入它，

<!--[if lt IE 9]>
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
< ![endif]-->

再在css中设置下块状元素

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

参考文献
1.cookie、sessionStorage、localStorage 详解及应用场景
 2.详说 Cookie, LocalStorage 与 SessionStorage
3.MDN-HTTP cookies

cookie: 是服务器发送到用户浏览器并保存在浏览器上的一块数据，它会在浏览器下一次发起请求时被携带并发送到服务器上。

localStorage:用于持久化的本地存储

参考文献
1.使用 Web Storage API

//存储数据
LocalStorage.setItem(keyName, keyValue);
//删除数据
LocalStorage.removeItem(keyName);

Paste_Image.png