网页常用meta头

发表于:2017-09-04

常用meta头

// 手机专用,初始比例1.0,不允许用户缩放, 最大和最小缩放是1.0, 在safari下maximum和minimum不生效
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">

// 低版本的IE优先使用Chrome内核渲染, 前提是你电脑安装了Chrome
<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">

// 网页关键词SEO优化,关键词之间用逗号,一般不超过100个字符,
<meta name="keywords" content="关键词, 博客">

// 网页描述,SEO优化一般不超过200个字符, 
<meta name="description" content="这是一张关于我的网页也是我的简历">

// 声明网页作者信息
<meta name="author" content="https://github.com/xjh22222228">

// 网页字符编码,这是H5简单明了
<meta charset='utf-8'>

// 所有搜索引擎抓取
<meta name="robots" content="index,follow">

// 只有Google搜索引擎有效
<meta name="googlebot" content="index,follow">

// 禁止数字识别为手机号码
<meta name="format-detection" content="telephone=no">

// 禁止自动识别地址
<meta name="format-detection" content="address=no">

// 禁止自动识别日期
<meta name="format-detection" content="date=no">

// 禁止自动识别邮箱email, 因为在Android会自动识别页面中的邮箱
<meta name="format-detection" content="email=no">

// 360独有, 使用极速模式渲染
<meta name="renderer" content="webkit">

// ios safari浏览器允许全屏模式浏览
<meta content="yes" name="apple-mobile-web-app-capable">

// ios safari 状态条的颜色
<meta content="black" name="apple-mobile-web-app-status-bar-style">

// uc强制竖屏
<meta name="screen-orientation" content="portrait">

// QQ强制竖屏
<meta name="x5-orientation" content="portrait">

// QQ强制全屏
<meta name="x5-fullscreen" content="true">

// QQ应用模式
<meta name="x5-page-mode" content="app">

// UC强制全屏
<meta name="full-screen" content="yes">

// UC应用模式
<meta name="browsermode" content="application">

// windows phone 点击无高光
<meta name="msapplication-tap-highlight" content="no">

// 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓
<meta name="HandheldFriendly" content="true">

HTML