html常用meta标签

2017-12-20

移动端适配

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

iphone浏览器全屏

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

格式检测

<meta name="format-detection" content="telephone=no, email=no, adress=no">

强制浏览器按照最新的标准去渲染

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

注:X-UA-Compatible是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式,对于ie之外的浏览器是不识别的。

360指定浏览器内核渲染

<meta name="renderer" content="webkit|ie-comp|ie-stand">

注:浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页

百度禁止转码

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

禁止自动翻译

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

UC手机浏览器

<!-- 将屏幕锁定在特定的方向 -->
<meta name="screen-orientation" content="landscape/portrait">
<!-- 全屏显示页面 -->
<meta name="full-screen" content="yes">
<!-- 强制图片显示,即使是"text mode" -->
<meta name="imagemode" content="force">
<!-- 应用模式,默认将全屏,禁止长按菜单,禁止手势,标准排版,强制图片显示。 -->
<meta name="browsermode" content="application">
<!-- 禁止夜间模式显示 -->
<meta name="nightmode" content="disable">
<!-- 使用适屏模式显示 -->
<meta name="layoutmode" content="fitscreen">
<!-- 当页面有太多文字时禁止缩放 -->
<meta name="wap-font-scale" content="no">

 

本文为原创,未经授权,禁止任何媒体或个人自媒体转载
商业侵权必究,如需授权请联系340443366@qq.com
标签: css3 html5

评论

Loading...

最新评论

相关推荐

css sticky失效原因调研
css sticky定义 position:sticky 定义元素为粘性定位元素,根据正常文档流进行定位,然后相对它的...
前端渲染优化-css资源加载
在日常网站开发中,我们会使用link来加载外部的css样式文件,然而css的加载会阻塞页面的渲染,直到资源加载完成并等待...
responseType相关知识点
前端跟后端通过ajax请求来传输数据,服务端通常会返回json数据来处理,我们可以通过设置 XMLHttpRequest...
scroll-top-icon