XFE 技术 生活 笔记 文集

常用meta标签

🔖 web前端 👀 84 🕒 2017-12-23 👨‍🎓 戡玉

常用Meta标签汇总:

简体中文和繁体中文

<html lang="zh-cmn-Hans">和<html lang="zh-cmn-Hant">

避免使用IE兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=edge">

如果安装了 Google Chrome Frame,则使用 GCF 来渲染页面,如果没有安装 GCF,则使用最高版本的 IE 内核进行渲染

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

360 浏览器就会在读取到这个标签后,立即切换对应的极速内核

<meta name="renderer" content="webkit">

通过手机百度搜索打开网页时,百度会对你的网页进行转码

<meta http-equiv="Cache-Control" content="no-siteapp" />

页面关键词 keywords

<meta name="keywords" content="your keywords">

页面描述内容 description

<meta name="description" content="your description">

定义网页作者 author

<meta name="author" content="author,email address">

是否启用 WebApp 全屏模式

<meta name="apple-mobile-web-app-capable" content="yes" />

关闭chrome浏览器下翻译插件

<meta name="google" value="notranslate" />

忽略页面中的数字电话和email识别

<meta name="format-detection" content="telphone=no, email=no"/>

设置Web应用是否以全屏模式运行

<meta name="apple-mobile-web-app-capable" content="yes" />

"添加到主屏幕“后,打开时全屏显示

<meta name='apple-touch-fullscreen' content='yes'>

将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式,可选default、black、black-translucent

<meta name="apple-mobile-web-app-status-bar-style" content="black" />