阅读书籍时,摘要其中一些重点,小结如下:
1,一些新引入的标签
文档结构方面,以前都是div,现在增加了:
article,独立内容,譬如博客正文
section,表示一个 内容区块,譬如嵌在article中,或者单独
aside,正文相关的辅助信息,譬如侧边栏,友情链接
footer,页面脚注
nav,导航,以前用 ul搞定的,现在嵌入ul、li明朗化了
figure,文档主体中一段独立单元,figcaption为其标题
新增的媒体标签
audio,音频
video,视频
embed,用来插入各种多媒体
mark元素,需要突出显示和高亮的文字
progress,表示运行中的进程
canvas,画布,用来绘制图形,表示图形。
这个属性本身没有行为,只是高度宽度等。绘图API交给JS代码了
details和summary,配合使用,呈现用户需要的详细信息
控件方面的标签:
datalist,表示可选数据的列表
datagrid,以树形列表来 展示
output,表示不同类型的输出
menu,以前html4中不推荐使用的,现在老树开花
2,一些废弃的标签
对于frameset元素,frame元素,noframes元素,不再支持了。
html5中已不支持frame框架,只支持iframe框架,或者由服务器侧创建 的多个页面组成的复合页面的形式。
其他废除的一些元素,html4中就不怎么用,顺水推舟而已。这儿也不列举出来了。
3,属性方面的修改
对于input,select,button等标签,指定autofocus,可以自动获得焦点了。input输入框中可以指定placeholder,展位符提示用户。
另外,对于这些input等表单控件,可以指定form属性,声明它属于哪个表单。也就是 说可以放到页面任何位置 了,以前必须包裹在表单中。
还可以指定required属性,提示用户必须填充input等控件。
还有些具体的检查属性,做合法性校验,以前这些是JS代码来做的。
html4中很多布局属性都废弃了,趋势是 用CSS样式来搞定。
也就是说,html用标签元素展示控件和 内容,像布局、样式什么的,就交给CSS来搞定吧。
另外,html5增加了一些全局属性。譬如可编辑……
4,使用的新特性
file标签,以前只能选择一个文件,现在可以multi选择多个了。
并且提供了fileReader来读取文件内容。
本地存储。提供了sessionStorage和localStorage功能,将session中数据保存到本机,或者直接将数据保存在本机。如果觉得不够用,上js操作sqlite数据库。
manifest文件记录本地缓存,这样离线也能打开网页了。
浏览器最先请求服务器网页,然后根据manifest文件缓存,后续直接使用本地缓存页面。
当然浏览器会请求服务器manifest文件是否更新,如果有更新,就重新请求缓存文件。但不会立即刷新,得用户手工刷新。(这样不好吧?)
双向通信,不再是浏览器触发,服务器响应了。现在服务器可以主动推送消息给浏览器了。
这便是websocket通信能力,html5重点推出的新特性。还能跨域通信哦。
h5新增了一个web worker线程api,把那些耗时的js代码用worker线程运行吧。但要注意,woker里面不要访问页面和窗口对象。不然为什么就worker线程了!同其他编程语言一个意思。
但在线程中可以使用ajax请求,以及websocket向server发送请求,接收消息等。
postmessage和onmessage两个关键函数,用于worker线程和窗口交互消息。
还有新增的地理位置信息…….