二、HTML5
SEO知识：
SEO运营：把网站或者自己的产品推广出去，SEO主要做的事情就是当用户在百度搜索一个关键词的时候，可以搜索到我们的网站
<head>
<title>网站标题</title>
<meta name="keywords" content="网站关键词"/>
<meta name="description" content="网站描述，介绍网站是做什么的，以后别人在百度收到后可以看到的简介"/>
</head>
平时的代码也要注意优化：
为了增加百度的收录，除了写关键词描述以外，我们还需要把一些重要的文字用重要的标签来表示，例如：网站的名称我们需要使用H1标签来做...我们做的标签语义化就是为了增加收录和提高权重的
=>各大搜索引擎都会有一个自己的专门进行收录的工具：爬虫、小蜘蛛，我们做了一个页面，小蜘蛛会在一个特定的时间，到我们网站的源代码中进行检索，把网页中的内容进行收录，收录到自己的词库，这样用户在百度搜索的时候，输入一个关键词，百度会到自己的词库中进行检索，这样就有机会查找到我们的网站，然后呈现给用户(搜索引擎机制)
=>提高网站的全世界排名：Alexa
=>PV：页面浏览量
=>UV：独立访客数
SEM百度排名竞价：纯粹靠花钱打广告
语义化标签：合理的标签干合适的事情
HTML5新增加的语义化标签：
- header：头部
- footer：脚部
- main：主要的或者主体
- article：文章
- figure：配图
- figcaption：配图说明
- aside：和主体内容无关的内容（一般都是广告）
- nav：导航
- section：区域
- ...
表单标签
1、传统的表单元素
- form
- input：
- text、radio、checkbox、button、submit、reset、file、password、hidden...
- select：下拉框,option是下拉框中的选项
- textarea：文本域
- label：标记标签
2、HTML5中新增加的表单元素
- input：search、url、email、tel、number、range、color、date、time...
- progress：进度条
- datalist：二级下拉框
=>新增加的表单元素在IE6~8下不兼容，而且没办法处理兼容(HTML5.MIN.JS是不能处理表单这个兼容的)
3、表单事件：
- onblur：失去焦点
- onfocus：获取焦点
- onchange：内容改变
- onclick：点击
- onkeydown：键盘按下
- onkeyup：键盘抬起
- onkeypress：键盘长按
- oninput:移动端中的“onkeydown”,由于手机端是虚拟键盘，所以用oninput事件
4、新的表单元素的增加带来了什么样的作用?
-
方便我们的开发，新的元素提供很多强大的功能，例如：日历...
-
在移动端，我们使用INPUT新的类型，当用户输入的时候，手机会根据类型调取出最符合用户输入的虚拟键盘，例如：我们使用的是number类型，那么调取出来的就是数字键盘...
-
某些类型自带了表单验证
CSS：
.userEmail:valid{}
.userEmail:invalid{}JS：
this.checkValidity()
内置验证：不输入内容是TRUE，输入格式错误为FALSE，输入正确为TRUR -
提供了一个很好的提示属性：placeholder
