常见的meta标签
meta标签是表示元数据（MetaData）的标签，元数据是描述数据的数据。meta常用于定义页面的说明、关键字，最后修改日期和其他的元数据；这些元数据服务于浏览器，搜索引擎和其他网络服务。
meta标签共有两个属性：
name属性
主要用于描述网页，比如网页的关键词、叙述等。与之对于的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。语法格式：
<meta name="参数" content="具体的描述">
常见参数：
<meta name="keywords" content="xxx,博客，前端"> 告诉搜索引擎网页的关键字
<meta name="description" content="文科生，热爱前端与编程"> 告诉搜索引擎网站的主要内容
<meat name="viewport" content="width=device-width,initial-scale=1"> 用于移动端
http-equiv属性 （http-equivalent）
具体语法：
<meta http-equiv="参数" content="具体的描述">
常见参数
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //旧的HTML，不推荐
<meat charset="utf-8"> //HTML5设定网页字符集的方式，推荐使用UTF-8
<meat http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 指定IE和Chrome使用最新版本渲染当前页面
<meat http-equiv="cache-control" content="no-cache"> 先发送请求，与服务器确认该资源是否被更改，如果未被更改，则使用缓存
<meat http-equiv="cache-control" content="no-store"> 不允许缓存，每次都要去服务器上，下载完整的响应。（安全措施）
<meat http-equiv="cache-control" content="public"> 缓存所有响应，max-age可以做到相同效果
<meat http-equiv="cache-control" content="private"> 只为单个用户缓存，因此不允许任何中继进行缓存（比如说CDN就不允许缓存private的响应）
<meat http-equiv="cache-control" content="maxage"> 表示当前请求开始，该响应在多久内能被缓存和重用，而不去服务器重新请求。例如：max-age=60，表示响应可以再缓存和重用60妙
<meat http-equiv="cache-control" content="no-siteapp"> 禁止百度自动转码
<meat http-equiv="refresh" content="2;URL=http://www.baidu.com/"> 2秒后刷新，并跳向百度
其他标签
标题标签
h1 必须从h1开始
h2
h3
h4
h5
h6
段落标签
<p>段落内容</p>
超链接
<a href="www.google.com.hk" title="超链接描述"></a>
img 图像
有序列表
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
无序列表
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
定义列表
<dl>
<dt>width</dt>
<dd>0</dd>
<dd>50px</dd>
<dd>100px</dd>
<dt>颜色</dt>
<dd>white</dd>
<dd>green</dd>
<dd>black</dd>
</dl>
表格
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
<tr>
<td>小明</td>
<td>29</td>
<td>男</td>
</tr>
<tr>
<td>小红</td>
<td>18</td>
<td>女</td>
</tr>
表单
<form action="">
<input type="text">
<input type="password">
</form>
按钮
<button>start!</button>
内联框架（内嵌网页）
<iframe src="http://www.baidu.com/" frameborder="0"></iframe>
div(一块内容，块级)
<div></div>
span(一块内容，行内)
<span></span>
em(强调语义)
<em></em>
strong(着重强调)
<strong></strong>
