第一章html5新特性
1.1html5介绍
HTML5由以下三个组织在负责
1.WHATWG:由Apple,Mozilla,Google,Opera这些浏览器开发者组成,他们开发HTML和WEB应用API,同时为其他浏览器开发者提供开放式合作。
2.IETF:(Internet Engineering Task Force,因特网任务组),这个任务组旗下HTTP负责Internet协议,HTML5定义的API是基于WebSocket协议,IETF工作者在开发这个协议。
1.2html5认识
html5虽然给人很多兴奋,但是会担心其是否兼容浏览器,会不会有错误等问题。
1.2.1兼容性
虽然HTML5时代,但是它是兼容HTML4,它的核心理念就是保持一切新特性的平滑过渡。
尽管HTML5新特性具有革命性,但是HTML5旨在进化而非革命,正式保障了兼容性,所以会选择HTML5开发网站。
1.2.2化繁为简
**HTML5的口号是:简单至上,尽可能简化**
- 以浏览器原生的能力代替复杂的js代码
- 简化DOCTYPE
- 新的简化字符集声明
- 简单而强大的HTML5API
1.3插件范式
之前,很多功能通过插件或者复杂的hack(本地画图API,本地socket等)来实现,在HTML5中提供了对这些功能的原生支持,插件的方式有一些问题。
1插件安装可能会失败
2插件可能被禁用或者屏蔽
3插件自身会被成为攻击的对象
4插件不容易与html文档的其他部分集成
插件的问题:
1.安全-安装插件会有安全隐患。
2.广告-安装插件有附带广告。
3.插件与html元素不同,弹出后会遮盖重叠。
1.4HTML5特性##
1.HTML5新特性基于HTML,CSS,DOM,和js
2.减少了对外部的插件需求如flash
3.更加优秀的错误处理
4.HTML5独立于设备
5.用户绘画的canvas元素
6.用户媒体回放的video和audio元素
7.对本地离线存储的支持
8.新元素和表单控件
第二章html5和html4的区别
- 掌握HTML5与HTML4的基本语法上的区别
- 掌握HTML5中新增的元素和废除的元素
- 了解HTML5中新增的属性和废除的属性
- 掌握全局属性
2.1HTML5语法的变化
HTML5提高浏览器的兼容性是其重大目标之一,所以必须消原有规范和实现的背离,所以它重新定义了新的HTML语法,在新的版本的FireFox和WebKit中内置了HTML5规范的解析器,IE和Opera也正在为能提供更好的兼容性努力。
HTML5标记方法:
1.内容类型(ContentType):扩展名还是html或者htm,内容类型还是text/html
2.doctype声明:浏览器通过判断文件开头有没有<!doctype html>这个声明来决定解析器和渲染类型是否切换成对应的HTML5模式。
3.在使用工具时,可以在doctype中加入system标记,不区分大小写,还可以将双引号替换为单引号使用,例如<!doctype html system 'about:legacy-compat'>
4.字符编码的设置:<meta charset="UTF-8">,不能混用html4的编码格式。
HTML5语法的要点
1.不允许写结束标记元素:<area> <base> <col> <command> <input>等,意思是例如<br/>是ok的,不能写成<br>....</br>
2.可以省略的元素:html,head,body,colgroup,tbody但是dom树上存在。
3.取得boolean值的属性:取得布尔值boolean的属性,如disable和readonly等通过省略属性的值来表达值为true,如果表达false,直接省略即可:例如以下属性都为true
<input type="checkbox" checked>
<input type="checkbox" checked="checked">
<input type="checkbox" checked="">