DAY04 HTML&CSS

一 表单

input新表单元素

(1) 数字控件

属性:
min: 最小值
max: 最大值
step: 步长，值每次递增或递减的大小，默认的步长为1
注意：此控件无法阻止用户自行输入数据

(2) 颜色控件

提供了一个取色器，默认的颜色是黑色

(3) 日期控件

只出现日期的(年月日)的选择，后续还可以使用更加美观的日期插件

(4) 月份控件

只出现年月的选择

(5) 星期控件

只出现年周的选择

(6) 搜索控件

提供了一个快速删除所有输入数据的小叉叉

(7) 范围控件

属性：
min: 最小值，表示区间的最开始的值
max: 最大值，表示区间的最末尾的值
step: 步长，表示数字移动的范围跨度
作用: 可以控制区间，比如:音量 地图缩放 进度
注意:设置步长的时候尽量选取可以除得尽的值，否则区间中会有部分值无法选中

二 浮动框架

iframe 是指在一个html页面中，引入其它的html页面
属性：

1. src="被引入的资源的url "
2. width="设置被引入资源在本页面的宽度"
3. height="设置被引入资源在本页面的高度"
4. scrolling="no" 是否需要拖拽条，no表示不要
5. frameborder="0" 去掉被引入资源的边框线

优劣势:

1. 我们可以直接引用已经写好的页面，比较方便
2. 一个页面可以被多个页面使用，复用性高
3. 样式不好控制
4. 有额外的链接，请求的次数会增加，速度会变慢

三 结构化标签

h5新增了带有结构语义的标签，来取代div.
虽然在用户看来和之前使用div没有区别，但带语义的标签可以增加代码的可读性，而且方便实现页面各个部分的划分，让网络爬虫更快找到.
但注意:低版本的浏览器可能会出现不兼容的问题.

定义网页的头部，或者某个区域的顶部