HTML中meta标签的七种用法

meta标签的定义和用法

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

Meta标签相关的设置主要是给三种看的：程序员、浏览器解析引擎、Seo搜索引擎；下面我们来讲用法。

1. 设置网站编码

<meta charset="UTF-8">
<meta http-equiv="Content-Type"content="text/html;charset=UTF-8">

2. 设置视口不允许用于缩放"
常见取值:
width：控制viewport的宽度，这个值可以被指定，例如：500px。亦或者是“device-width”，意思是设置视口宽度为设备宽度。
height：控制viewport的高度。
initial-scale：初始缩放比例，即每一次加载时页面缩放的比例。
maximum-scale：允许用户缩放到的最大缩放比例。
minimum-scale：允许用户缩放到的最小缩放比例。
user-scaleable：是否允许用户缩放，可以传“yes”或“no”

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scaleable=no">

3. 设置IE兼容模式
常见取值:

<meta http-equiv="X-UA-Compatible" content="IE=7">

以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。

<meta http-equiv="X-UA-Compatible" content="IE=8">

以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。

4设置网站关键字

`<meta name="keywords" content="关键字1，关键字2" />

5.设置网站描述

<meta name="description" content="这里写描述" />

6.设置页面自动刷新

<meta http-equiv="refresh" content="3; url=http://www.baidu.com">

注意: 3表示页面跳转间隔时间,url表示页面跳转的新网页地址

7.其他

<meta name="auther" content="xiang" />

这行代码并不会被浏览器解析，只会存在于源码当中，类似于注释