HTML5+CSS3权威指南
注:当时看书为节省时间笔记都是截图,不好上传图片,所以本文只是一些目录结构,仅记录自己的历程,想要了解详细内容请自行翻书
第一章
一、html5要解决的问题
1.Web浏览器兼容性很低
2.文档结构不够明确
3.web应用程序的功能受到了限制
第二章 HTML5与HTML4的区别
一、可以省略标记的元素
二、新增的结构元素
1.section元素
2.article元素
3.aside元素
4.header元素
5.hgroup元素
6.footer元素
7.nav元素
8.figure元素
三、新增的其他元素
1.video元素
2.audio元素
3.embed元素
4.mark元素
5.progress元素
6.time元素
表示日期或时间
7.ruby元素
<ruby>
漢 <rt>han</rt>
</ruby>
8.tr元素
9.rp元素
10.wbr元素
11.canvas元素
12.command元素
13.details元素
14.datalist元素
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
15.datagrid元素
16.Keygen元素
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
<input type="submit" />
</form>
17.output元素
18.source元素
19.menu元素
四、新增的input元素的类型
五、废除的元素
1.能用CSS替代的元素
basefont big center font s strike tt u
2.不再使用frame框架
3.只有部分浏览器支持的元素
applet bgsound blink marquee
4.其他被废除的元素
六、新增的属性和废除的属性
1.autofocus属性,让元素在画面打开时自动获得焦点
2.placeholder属性提示用户输入的内容
3.form属性,声明如input属于哪个表单,然后可以将其放在页面上任何位置
4.required属性 必填
5. input元素新的属性
6.
7.novalidate属性 表单无条件提交
8.新增链接属性
9.其他属性
10.废弃的属性 省略
七、全局属性
指的是可以对任何元素都使用的属性
1. contentEditable属性
2. designMode属性
3. hidden属性
4. spellcheck属性
5. tabindex属性
第四章 表单与文件
一、文件API
1.FileList对象和File对象
(1)FileList对象 是选择的所有文件列表
(2)File对象是 选择的文件
document.getElementById(‘file’).files 返回FileList文件对象列表
document.getElementById(‘file’).files[0] 得到一个File对象
2.Blob对象
3.FileReader接口
(1)FileReader接口的方法
无论读取成功或失败,方法并不会返回结果,把结果存储在result属性中
(2)FileReader接口的事件
二、拖放API
(1)实现拖放的步骤
(2)DataTransfer对象的属性与方法