网页常用的meta标签整理

概要

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

必要属性

$一:name属性$

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

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

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

$二：http-equiv属性$

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

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

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

下面展示一些 常用的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" />