（1）html开头解说与案例演示
看完后也可以参考http://www.cnblogs.com/csxiaoyu/p/5228889.html
http://www.cnblogs.com/zfc2201/p/5429252.html
<!DOCTYPE html> //文档类型声明
<html lang="zh-cn"> //表示 HTML 文档开始
<head> //包含文档元数据开始
<meta charset="utf-8"> //声明字符编码
<title>基本结构</title> //设置文档标题
</head> //包含文档元数据结束
<body> //表示 HTML 文档内容
<a href="http://www.baidu.com">百度</a> //一个超链接元素（标签）
</body> //表示 HTML
</html> //表示 HTML 文档结束
<meta>标签
<meta>标签是什么？有什么作用？
<meta>标签用于设置 或 说明网页的元数据，必须放在<head>里面，可重复出现在<head>标签中。
一个<meta>标签就是一项元数据，网页可以有多个<meta>。<meta>标签约定放在<head>内容的最前面。
不管什么样的网页，一般都可以放置以下两个<meta>标签。
上例子说明：
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
第一个<meta>标签表示网页采用UTF-8格式编码：
<meta>标签的charset属性，用来指定网页的编码方式。该属性非常重要，如果设置得不正确，浏览器可能无法正确解码，就会显示乱码。
第二个<meta>标签表示以当前IE浏览器所支持的最高版本模式来渲染页面。
<meta>标签的name属性表示元数据的名字，content属性表示元数据的值。它们合在一起使用，就可以为网页指定一项元数据。
第三个<meta>标签表示网页在电脑端、手机端可以自动缩放。
<meta>标签的http-equiv属性用来补充 HTTP 回应的头信息字段，如果服务器发回的 HTTP 回应缺少某个字段，就可以用它补充。 <meta>标签的content属性是对应的字段内容。
<meta>标签有四个属性
charset 属性：
<!-- 定义网页文档的字符集 --> <meta charset="utf-8" />
name 属性，content 属性，
<!-- 网页作者 --> <meta name="author" content="团队"/> <!-- 网页地址 --> <meta name="website" content="https://sanyuan0704.github.io/frontend_daily_question/"/> <!-- 网页版权信息 --> <meta name="copyright" content="2018-2019 demo.com"/> <!-- 网页关键字, 用于SEO --> <meta name="keywords" content="meta,html"/> <!-- 网页描述 --> <meta name="description" content="网页描述"/> <!-- 搜索引擎索引方式，一般为all，不用深究 --> <meta name="robots" content="all" /> <!-- 移动端常用视口设置 --> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/> <!-- viewport参数详解： width：宽度（数值 / device-width）（默认为980 像素） height：高度（数值 / device-height） initial-scale：初始的缩放比例 （范围从>0 到10） minimum-scale：允许用户缩放到的最小比例 maximum-scale：允许用户缩放到的最大比例 user-scalable：用户是否可以手动缩 (no,yes) -->
http-equiv 属性
<!-- expires指定网页的过期时间。一旦网页过期，必须从服务器上下载。 --> <meta http-equiv="expires" content="Fri, 12 Jan 2020 18:18:18 GMT"/> <!-- 等待一定的时间刷新或跳转到其他url。下面1表示1秒 --> <meta http-equiv="refresh" content="1; url=https://www.baidu.com"/> <!-- 禁止浏览器从本地缓存中读取网页，即浏览器一旦离开网页在无法连接网络的情况下就无法访问到页面。 --> <meta http-equiv="pragma" content="no-cache"/> <!-- 也是设置cookie的一种方式，并且可以指定过期时间 --> <meta http-equiv="set-cookie" content="name=value expires=Fri, 12 Jan 2001 18:18:18 GMT,path=/"/> <!-- 使用浏览器版本 --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 针对WebApp全屏模式，隐藏状态栏/设置状态栏颜色，content的值为default | black | black-translucent --> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
