HTML5
2017-09-12 本文已影响1人
DeeJay_Y
详说 Cookie, LocalStorage 与 SessionStorage
在HTML5的时代,重新认识Cookie
HTML5
HTML5是超文本标记语言的第五次重大修改。
设计目的
HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video,audio,canvas标记。还引进了新的功能,可以真正的改变用户与文档的交互方式,包括:
- 新的解析规则增强了灵活性
- 新属性
- 淘汰过时的或冗余的属性
- 一个HTML5文档到另一个文档间的拖放功能
- 离线编辑
- 信息传递的增强
- 详细的解析规则
- 多用途互联网邮件扩展(MIME)和协议处理程序注册
- 在SQL数据库中存储数据的通用标准(Web SQL)
特性
语义特性
赋予网页更好的意义和结构。
本地存储特性
LocalStorge Indexed DB
设备兼容特性
例如定位,操作摄像头等。
连接特性
websocket
多媒体特性
audio video
性能
XMLHttpRequest2
变化
- 新增header,footer,dialog,aside,figure等
- b和i标签仍然保留,但是意义不同,现在只是为了将一段文字标识出来,而不是为了设置粗体斜体。
- 全新的表单输入对象,包括日期,URL,Email地址
- 本地数据库
- canvas
- ...
标签和元素变化
DOCTYPE
XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML5
<!doctype html>
文档编码
XHTML
<meta http-equiv="content-type" content="text/html" charset="utf-8">
HTML5
<meta charset="UTF-8">
具有boolean值的属性
例如disable,readonly等只写属性不写属性值时为true
<input type="checkbox" checked>
<input type="checkbox" checked="checked">
<input type="checkbox" checked="">
省略属性值的引号
属性值可以用单引号或者双引号,在属性值不包括<,>,=,',=时可以省引号
(但是不建议省略)
<input type=text>
常见新增元素
元素 | 描述 |
---|---|
canvas | 标签定义图形,比如图表和其他图像。基于JS的绘图API |
audio | 定义音频内容 |
video | 定义视频(video或者movie) |
source | 定义多媒体资源<video>和<audio> |
embed | 定义嵌入的内容,比如插件 |
datalist | 定义选项列表。与input元素配合使用该元素,来定义input可能的值 |
input新增type
- url
- number
- range
- Date Picker
date
month
week
time
datatime
不再使用frame框架
- frame
- frameset
- noframes
新增属性
全局属性
- contentEditable
- designMode
- hidden
- spellcheck
- tabindex
表单相关
- autofocus
- placeholder
- form
- required
- formaction,formenctype,formmethod,formtarget,formnovalidate
- novalidate