网页常用的meta标签整理

概要

meta是html语言head区的一个辅助性标签，标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务；

必要属性

属性	值	描述
content	some text	定义与http-equiv或name属性相关的元信息

$一:name属性$

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：<meta name="参数" content="具体的参数值">

name属性主要有以下几种参数：

参数	说明	用法
Keywords	关键字	<meta name ="keywords" content="百度一下你就知道">
description	网站内容描述	<meta name="description" content="全球最大的中文搜索引擎、致力于让网民更便捷地获取信息 ">
robots	搜索引擎索引方式	<meta name="robots" content="none">
author	标注网页的作者	<meta name="author" content="不时髦的耳朵>

$二：http-equiv属性$

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值

http-equiv属性语法格式是：<meta http-equiv="参数" content="参数变量值"> ；

http-equiv属性主要有以下几种参数：

参数	说明	用法
content-type	规定文档的字符编码	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
default-style	规定要使用的预定义的样式表	<meta http-equiv="default-style" content="the document's preferred stylesheet">
Refresh(刷新)	自动刷新并指向新页面	<meta http-equiv="Refresh" content="2;URL=http://www.baidu.com">

下面展示一些 常用的meta标签

// 百度官方给的禁止转码声明。在网页中添加了这一条，百度就不会移动搜索中将网站转码，并呈现给移动端用户
<meta http-equiv="Cache-Control" content="no-transform" /> 
// 页面缓存时间的最大值是0秒，目的是不让页面缓存，每次访问必须到服务器读取
<meta http-equiv="Cache-Control"content="max-age=0"/> 
// 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器
<meta name="renderer" content="webkit"/> 
// 强制Chromium内核，作用于其他双核浏览器 
<meta name="force-rendering" content="webkit"/>
// 提前进行DNS解析以此来提升网站性能，可以让a标签在HTTPS环境下进行DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on"/>
// 当手机用户浏览PC网站会自动跳转到对应的手机端网站
<meta name="mobile-agent"content="format=html5; url=/m"/> 
// 转码申明，用百度打开网页可能会对其进行转码（比如贴广告）
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
// 启用 WebApp 全屏模式
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />