常见的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>