详细介绍meta标签-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

Meta 主要标签

（推荐教程：html视频教程）

HTML5的meta标签有三个主要属性，分别是 name 属性，charset 属性和 http-equiv 属性。

Charset

声明当前文档的字符编码：

1	`<meta` `charset="UTF-8">`

http-equiv

类似http的文件头作用，它可以向浏览器设置一些有用的信息，以帮助正确和精确地显示网页内容

content-Type

页面字符集的设定，后面charset与上面charset等效

1	`<meta` `http-equiv="content-Type"` `content="text/html;charset=utf-8"/>`

expires

设置网页在缓存过期时间

1	`<meta` `http-equiv="expires"` `content="Wed, 12 Feb 2020 09:00:00 GMT"/>`

必须使用GMT的时间格式

refresh

自动刷新并指向新页面

1	`<meta` `http-equiv="refresh"content="5; url=http://www.xxxx.com/"/>`

set-cookie

设置cookie

1	`<meta` `http-equiv="Set-Cookie"` `content="cookievalue=xxx;expires=Wed, 12 Feb 2020 09:00:00 GMT; path=/">`

必须使用GMT的时间格式, 部分浏览器不支持mata设置cookie

window-target

显示窗口的设定

1	`<meta` `http-equiv="Window-target"` `content="_top">`

pragma

cache模式, 禁止浏览器从本地计算机的缓存中访问页面内容。

1	`<meta` `http-equiv="Pragma"` `content="no-cache">`

Name

主要用来描述网页的信息，以便于搜索引擎查找及分类

author

声明网页的作者信息

1	`<meta` `name="author"` `content="小白,232323233@qq.com"/>`

description

给搜索引擎你的网站主要内容。

1	`<meta` `name="description"` `content="html5 meta 标签说明"/>`

generator

说明网站采用什么编辑器制作

1	`<meta` `name="generator"` `content="你所用的编辑器"/>`

keywords

给搜索引擎提供的关键字列表

1	`<meta` `name="keywords"` `content="小白,小黑,小红"/>`

viewport

Html5 新增，优化移动浏览器的显示（屏幕的缩放）

1	`<meta` `name="viewport"` `content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>`

参数：
width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值，大部分的安卓手机不支持，但是ios支持

height ?C viewport 的高度（范围从 223 到 10,000 ）
user-scalable [yes | no]是否允许缩放
initial-scale [数值] 初始化比例（范围从 > 0 到 10）
minimum-scale [数值] 允许缩放的最小比例
maximum-scale [数值] 允许缩放的最大比例

robots

告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。