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">

有用记得点个赞吧😃

本文于 2018/3/23 下午 发布在 编程 分类下,当前已被围观 2992 次

相关标签:html

永久地址:https://blog.pandashuai.com/article/16