meta 标签大全
梳理这些标签的定义(以html5标准展开),下面就逐个展开一下
设定网页字符编码,常用的有utf-8和gb2312;
- 1
<meta charset="UTF-8">
keyword关键词,以逗号区分开
- 1
<meta content="keyword" name="关键词,关键词,关键词">
description描述
- 1
<meta content="描述描述描述" name="description">
优先使用chrome内核渲染页面
- 1
- 2
<meta name="renderer" content="webkit">
优先使用最新版ie和chrome浏览器
- 1
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
禁止百度转码:通过手机百度打开网页时,百度可能会对你的网页进行转码,只展现页面内容,头底部会被替换并且一般会加点广告
- 1
<meta http-equiv="Cache-Control" content="no-siteapp" />
定义页面作者
- 1
<meta name="author" content="author,email address">
定义网页搜索引擎索引方式,通常有如下几种取值:none,noindex,nofollow,all,index和follow;
- 1
<meta name="robots" content="index,follow">
引擎索引:仅对 Google 有效
- 1
<meta name="googlebot" content="index,follow">
为移动设备设定
- 1
<meta name="viewport" content="width=device-width, initial-scale=1.0">
苹果设备专用,启用 WebApp 全屏模式
- 1
<meta name="apple-mobile-web-app-capable" content="yes" />
设置状态栏的背景颜色,只有在 "apple-mobile-web-app-capable" content="yes" 时生效
- 1
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
不自动识别页面中的 电话和邮箱,就是点击数字或邮箱样的字符不会做其他操作
- 1
<meta name="format-detection" content="telephone=no,email=no" />
苹果设备专用,设置ios图标,并且可以设置多个尺寸的,苹果可以设定启动页面
- 1
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon.png" />
塞班设备专用,友好优化手持设备
- 1
<meta name="HandheldFriendly" content="true">
uc强制竖屏
- 1
<meta name="screen-orientation" content="portrait">
QQ强制竖屏
- 1
<meta name="x5-orientation" content="portrait">
UC强制全屏
- 1
<meta name="full-screen" content="yes">
QQ强制全屏
- 1
<meta name="x5-fullscreen" content="true">
UC应用模式
- 1
<meta name="browsermode" content="application">
QQ应用模式
- 1
<meta name="x5-page-mode" content="app">
网页ico图标设置
- 1
<link rel="icon" type="image/ico" href="/favicon.ico" />
rss订阅
- 1
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />
允许控制资源的过度加载
- 1
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">
Web 应用的名称(仅当网站被用作为一个应用时才使用)
- 1
<meta name="application-name" content="应用名称">
告诉 Google 不显示网站链接的搜索框
- 1
<meta name="google" content="nositelinkssearchbox">
告诉 Google 不提供此页面的翻译
- 1
<meta name="google" content="notranslate">
验证 Google 搜索控制台的所有权
- 1
<meta name="google-site-verification" content="verification_token">
用来命名软件或用于构建网页(如 - WordPress、Dreamweaver)
- 1
<meta name="generator" content="program">
关于你的网站主题的简短描述
- 1
<meta name="subject" content="你的网站主题">
非常简短(少于 10 个字)的描述。主要用于学术论文。
- 1
<meta name="abstract" content="">
完整的域名或网址
- 1
<meta name="url" content="https://example.com/">
目录
- 1
<meta name="directory" content="submission">
基于网站内容给出一般的年龄分级
- 1
<meta name="rating" content="General">
允许控制 referrer 信息如何传递
- 1
<meta name="referrer" content="never">
通过设置为 “off” 完全退出 DNS 预取
- 1
<meta http-equiv="x-dns-prefetch-control" content="off">
在客户端存储 cookie,web 浏览器的客户端识别
- 1
<meta http-equiv="set-cookie" content="name=value; expires=date; path=url">
指定要显示在一个特定框架中的页面
- 1
<meta http-equiv="Window-Target" content="_value">
地理标签
- 1
- 2
<meta name="ICBM" content="latitude, longitude">
<meta name="geo.position" content="latitude;longitude">
国家代码 (ISO 3166-1): 强制性, 州代码 (ISO 3166-2): 可选; 如 content="US" / content="US-NY"
- 1
- 2
<meta name="geo.region" content="country[-state]">
<meta name="geo.placename" content="city/town">
有用记得点个赞吧😃