HTML的进阶

一、html5表单新增属性

1. email：提交表单的时间验证输入是否满足email的格式

2. url提交表单的时候验证输入值是否满足url的格式

3. number根据你的设置提供选择数字的功能，其中 min 为最小值，max 为最大值，value 为默认值，step 为点击箭头时数字的变化量。

4. range会以一个滑块的形式表现包含一定范围内数字值的输入域，max 为最大值，min 为最小值，value 为默认值，如果没有设置 max 和 min，默认值是 1-100

5. 日期和时间类型

（1）date：选取日、月、年

（2）month：选取月、年

（3）week：选取周、年

（4）time：选取小时、分钟 

（5）search：用于搜索域，若加上 result="s"属性，则会在搜索框前面加一个搜索图标

（7）color：color 类型会提供颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中

三、语义化

1.什么是语义化1.每一个 HTML元素都有具体含义。

元素展示到页面中的效果，应该由 CSS决定。

因为浏览器带有默认的 CSS样式，所以每个元素有一些默认样式。

选择什么元素，取决于内容的含义，而不是显示出的效果．

2.为什么 HTML5这么强调语义化

(1) 为了搜索引擎优化(SEO)搜索引擎：百度 搜搜 Bing Google．每隔一段时间，搜索引擎会在整个互联网中抓取页面源代码(2) 为了让浏览器理解网页3.对于 html语义化，需要注意的地方3.我们应该果断舍弃那些仅仅为了定义样式而存在的 HTML标签。如果仅仅是为了改变样式，我们应该使用 CSS1.来实现，不要使用 HTML标签。

四，新增标签

header----头部标签

nav----导航标签

article---内容标签

section---块级标签

aside----侧边栏标签

footer---尾部标签