前端相关

HTML5

2017-09-12  本文已影响1人  DeeJay_Y

详说 Cookie, LocalStorage 与 SessionStorage
在HTML5的时代,重新认识Cookie

HTML5

HTML5是超文本标记语言的第五次重大修改。

设计目的

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video,audio,canvas标记。还引进了新的功能,可以真正的改变用户与文档的交互方式,包括:

特性

语义特性

赋予网页更好的意义和结构。

本地存储特性

LocalStorge Indexed DB

设备兼容特性

例如定位,操作摄像头等。

连接特性

websocket

多媒体特性

audio video

性能

XMLHttpRequest2

变化

标签和元素变化

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

不再使用frame框架

新增属性

全局属性

表单相关

上一篇下一篇

猜你喜欢

热点阅读