HTML5+CSS3权威指南学习笔记（2-4章）

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对象的属性与方法