html部分
1 文档类型定义
是一套伪类进行程序间的数据交换而建立的关于标识符的语法规则
可通过比较文档和文档类型定义文件来检查文档是否符合规范，元素和标签使用是否正确
2 两种呈现模式：标准模式和混杂模式
在标准模式中，浏览器以其支持的最高标准呈现页面
在混杂模式中，页面以一种比较宽松的向后兼容（兼容老的版本）的方法显示，混杂模式通常模拟老浏览器的行为以防止老站点无法工作
3 模式触发
浏览器根据DOCTYPE是否存在以及使用的那种DTD来选择要时用的呈现的方法
写法<DOCTYPE html>
<a href="http://www.baidu.com"> 用于超链接
<article> 用于一篇文章
<aside> 用于页面的侧边栏
<blockquote> 用于大段的引用内容
<br> 换行
<code> 用于包裹一段代码内容
<dd> 用于一个dl列表的某个dt名词的描述
<del> 用于删除一些不需要的文字
<footer> 用于包裹页面底部内容
<header> 用于包裹页面的头部内容
<head> 用于包裹页面的元信息 如<meta>,<link>,<title>
<form> 用于制造一个表单
<iframe> 用于嵌套另一个小页面到一个页面中
<textarea> 用于制作一大块文本输入框
网页轮吗出现通常是因为网页开发者没有按照规范来设置网页编码，浏览器打开这类网页的时候自动按照默认的编码来打开
解决办法
在页面的<head>标签中添加<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
alt属性和title属性的区别是前者是在图片无法加载时才会显示值，title是在图片正常加载鼠标划上去显示值
data-为前端开发者提供自定义的属性，这些属性集可以通过对象的dataset属性获取，不支持该属性的浏览器可以通过 getAttribute方法获取
标签字母要小写，双标签要闭合，标签不允许随意嵌套。
尽量使用外部样式和外链js，使结构、表现、行为分为三块，这样可以提高页面渲染速度。
样式尽量少用行内样式，id和class名要做到见名知意不需要变动页面内容，便可提供打印版本，不需要提供复制内容，提高网站易用性
简单来说：就是用正确的标签做正确的事。比如：
头部：header 导航：nav 主体内容：main 标题：h1 ~ h6 段落：p 侧边栏：aside 页脚：footer
1 功能不同
get是从服务器上获取数据
post是向服务器传递数据
2 过程不同
get是把参数写在url地址后面拼接的
post是把参数在xml实例的data中携带，用户是不可见的
3 传送数据量不同
get传送的数据量较小，不能超过2KB
post传送的数据量较大
4 安全性不同
get安全性非常低
post安全性较高
name属性用于对提交到服务器后的表单数据进行标识，只有在form表单中设置了name属性，才能在提交表单值获取到他们的值
跨域请求伪造（冒充用户发起请求，在用户不知道的情况下，完成一些违背用户的意愿的请求），造成CSRF攻击
防范：服务端的CSRF方法有多中，就是在客户端页面增加伪随机数，通过验证码的方法
