细致介绍meta标签-百分百源码网

细致介绍meta标签

发布时间：10/01 来源：未知浏览：关键词：

Meta 主要标签

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

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

Charset

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

<meta charset="UTF-8">

http-equiv

相似http的文件头作用，它可以向阅读器设定一些有用的信息，以帮忙准确和准确地显示网页内容

content-Type

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

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

expires

设定网页在缓存过期时间

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

必需使用GMT的时间格局

refresh

主动刷新并指向新页面

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

set-cookie

设定cookie

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

必需使用GMT的时间格局, 部分阅读器不支撑mata设定cookie

window-target

显示窗口的设定

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

pragma

cache模式, 制止阅读器从当地运算机的缓存中拜访页面内容。

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

Name

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

author

声明网页的作者信息

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

description

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

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

generator

说明网站采纳什么编纂器制作

<meta name="generator" content="你所用的编纂器"/>

keywords

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

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

viewport

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

<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 – viewport 的高度（范畴从 223 到 10,000 ）
user-scalable [yes | no]可否同意缩放
initial-scale [数值] 初始化比例（范畴从 > 0 到 10）
minimum-scale [数值] 同意缩放的最小比例
maximum-scale [数值] 同意缩放的最大比例

robots

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