html网站meta标签大全
案例
一、天猫
<meta charset="utf-8"><title>天猫TMALL</title><meta name="data-spm" content="a211ue"><meta name="description" content=""><meta name="keyword" content=""><meta name="aplus-xplug" content="NONE"><meta name="aplus-terminal" content="1"><meta name="aplus-touch" content="1"><meta name="aplus-waiting" content="1"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black"/><meta name="format-detection" content="telephone=no"/>
二、淘宝
<meta name=App-Config content="fullscreen=yes,useHistoryState=yes,transition=yes"><meta content=yes name=apple-mobile-web-app-capable><meta content=yes name=apple-touch-fullscreen><meta content="telephone=no,email=no" name=format-detection><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><link href=//gw.alicdn.com/tps/i2/TB1nmqyFFXXXXcQbFXXE5jB3XXX-114-114.png rel=apple-touch-icon-precomposed><link href=//gw.alicdn.com/tps/i2/TB1nmqyFFXXXXcQbFXXE5jB3XXX-114-114.png rel="Shortcut Icon" type=image/x-icon>
三、京东
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>多快好省,购物上京东!</title><meta http-equiv="Cache-Control" content="max-age=180"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><link rel="dns-prefetch" href="//m.360buyimg.com"><meta name="format-detection" content="telephone=no"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover"><meta http-equiv="x-dns-prefetch-control" content="on" />
四、百度
<meta name="referrer" content="always"><meta charset="utf-8"><meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><meta http-equiv="x-dns-prefetch-control" content="on"><link rel="dns-prefetch" href="//m.baidu.com"><link rel="shortcut icon" href="https://gss0.bdstatic.com/5bd1bjqh_Q23odCf/static/wiseindex/img/favicon64.ico" type="image/x-icon"><link rel="apple-touch-icon-precomposed" href="https://gss0.bdstatic.com/5bd1bjqh_Q23odCf/static/wiseindex/img/screen_icon_new.png"><meta name="format-detection" content="telephone=no">
五、移动端H5页面常用的meta属性
<!-- 适应移动端start --><!-- width viewport 宽度(数值/device-width)height viewport 高度(数值/device-height)initial-scale 初始缩放比例maximum-scale 最大缩放比例minimum-scale 最小缩放比例user-scalable 是否允许用户缩放(yes/no)minimal-ui iOS 7.1 beta 2 中新增属性,在页面加载时最小化上下状态栏--><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui"><!-- 删除苹果默认的工具栏和菜单栏 --><meta name="apple-mobile-web-app-capable" content="yes" /><!-- 设置苹果工具栏颜色 --><meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 忽略页面中的数字识别为电话,忽略email识别 --><meta name="format-detection" content="telphone=no, email=no" /><!-- 启用360浏览器的极速模式(webkit) --><meta name="renderer" content="webkit"><!-- 避免IE使用兼容模式 --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 --><meta name="HandheldFriendly" content="true"><!-- 微软的老式浏览器 --><meta name="MobileOptimized" content="320"><!-- uc强制竖屏 --><meta name="screen-orientation" content="portrait"><!-- QQ强制竖屏 --><meta name="x5-orientation" content="portrait"><!-- UC强制全屏 --><meta name="full-screen" content="yes"><!-- QQ强制全屏 --><meta name="x5-fullscreen" content="true"><!-- UC应用模式 --><meta name="browsermode" content="application"><!-- QQ应用模式 --><meta name="x5-page-mode" content="app"><!-- 设置在apple上以应用模式启动时,是否全屏 --><meta name="apple-touch-fullscreen" content="yes"><!-- windows phone 点击无高光 --><meta name="msapplication-tap-highlight" content="no"><!-- 适应移动端end -->
相关连接:html5手机网站需要加的那些meta标签,手机网站自适应
移动端—HTML5手机网页需要加的那些meta/link标签,H5 meta全解
html网站meta标签大全相关推荐
- meta标签大全(荐)
html的meta总结(常用) 1.Meta标签大全 <!-- 声明文档使用的字符编码 --><meta charset='utf-8'><!-- 优先使用 IE 最新版 ...
- html meta标签大全
整理一下经常用到的 meta 方便忘记的时候来查找一下 keywords,description(经常用到的两个) 页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ','号隔开 <m ...
- html的meta标签作用,网站meta标签就什么,meta标签的作用
Meta标签如何优化?对SEOer来说,meta标签是网站参与排名的基础,这也在某一方面决定了SEO的优化周期以及效果,会做和做好其实就是两个概念,虽然Mate标签操作不难,难度就在于标签的精炼,今天 ...
- WebApp 里Meta标签大全
1.先说说mate标签里的viewport: viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏.状态栏.滚动条等等之后用于看网页的区域.对于传统WEB页面来说,9 ...
- h5 meta标签大全
<!DOCTYPE html> H5标准声明,使用 HTML5 doctype,不区分大小写<head lang="en"> 标准的 lang 属性写法&l ...
- html5中meta标签总结
keywords,description(经常用到的两个) 页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ','号隔开 <meta name="keywords" ...
- html里面Meta标签的使用
HTML meta标签使用 先上思维导图,接下来在是文章内容. 一.meta标签的组成 meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些 ...
- W3C中meta标签详解
2019独角兽企业重金招聘Python工程师标准>>> meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <meta ...
- html的meta标记大全(转自百度)
meta是html语言head区的一个辅助性标签.几乎所有的网页里,我们可以看到类似下面这段的html代码: <head> <meta http-equiv="conten ...
最新文章
- mysql查询时间between and_Mysql中用between...and...查询日期时注意事项
- 基于@Bean声明lazy-queue
- 清除webkit浏览器css设置滚动条
- Javascript 随机数函数 学习之一:产生服从均匀分布随机数
- 生成patch的diff命令是怎么写的?
- SELinux系列(三)——SELinux的三种工作模式
- Oracle数据库存储过程
- java开源商城--(8)商品管理之商品分类
- Linux使用Jstack查看Java堆栈快照脚本
- 基于皮尔森相关系数的协同过滤算法
- Android 反编译之smail
- SOSO发布国内首家高清街景地图 引领地图换代
- c报错pointer being freed was not allocated
- 我灰是啥意思是什么_色彩老师说我的静物脏乱花灰是啥意思?
- 新建Excel无法打开解决办法
- 快递公司不是服务商,企业微信也能寄件
- 这15个特性,身为.NET开发者的你全部都了解吗?
- Velocity中使用FCKeditor(FCKeditor for java)
- 小就是大|2022 OceanBase 年度发布会亮点抢先看!
- java社区源码_Java论坛系统巡云轻论坛 v4.8