关于mate标签中属性的含义

mate标签中apple-mobile-web-app-capable的属性含义

这个mate的作用就是删除默认的苹果工具栏和菜单栏,content有两个值“yes”和“no”,当我们需要显示工具栏和菜单栏时,这个行的mate就不用加了,默认就是显示。

mate标签中apple-touch-fullscreen的属性含义 

添加到主屏幕后全屏显示

mate标签中format - detection属性及含义

format - detection翻译成中文的意思是“ 格式检测”, 顾名思义, 它是用来检测html里的一些格式的, 那关于meta的format - detection属性主要是有以下几个设置:
meta name = "format-detection"
content = "telephone=no"
meta name = "format-detection"
content = "email=no"
meta name = "format-detection"
content = "adress=no"
也可以连写: meta name = "format-detection"
content = "telephone=no,email=no,adress=no"
 telephone
你明明写的一串数字没加链接样式, 而iPhone会自动把你这个文字加链接样式、 并且点击这个数字还会自动拨号! 想去掉这个拨号链接该如何操作呢? 这时我们的meta又该大显神通了, 代码如下:
telephone = no就禁止了把数字转化为拨号链接!
telephone = yes就开启了把数字转化为拨号链接, 要开启转化功能, 这个meta就不用写了, 在默认是情况下就是开启!
 email
告诉设备不识别邮箱, 点击之后不自动发送
email = no禁止作为邮箱地址!
email = yes就开启了把文字默认为邮箱地址, 这个meta就不用写了, 在默认是情况下就是开启!
 adress
adress = no禁止跳转至地图!

adress = yes就开启了点击地址直接跳转至地图的功能, 在默认是情况下就是开启!

meta标签中的apple - mobile - web - app - status - bar - style属性及含义

apple - mobile - web - app - status - bar - style” 作用是控制状态栏显示样式( 默认样)
分为两种:status - bar - style: black(黑色) 和 black - translucent(半透明)

手机浏览器是把页面放在一个虚拟的“ 窗口”( viewport) 中, 通常这个虚拟的“ 窗口”( viewport) 比屏幕宽, 这样就不用把每个网页挤到很小的窗口中( 这样会破坏没有针对手机浏览器优化的网页的布局), 用户可以通过平移和缩放来看网页的不同部分。 移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag, 让网页开发者来控制 viewport 的大小和缩放, 其他手机浏览器也基本支持。
width: 控制 viewport 的大小, 可以指定的一个值, 如果 600, 或者特殊的值, 如 device - width 为设备的宽度( 单位为缩放为 100 % 时的 CSS 的像素)。
height: 和 width 相对应, 指定高度。
initial - scale: 初始缩放比例, 也即是当页面第一次 load 的时候缩放比例。
maximum - scale: 允许用户缩放到的最大比例。
minimum - scale: 允许用户缩放到的最小比例。
user - scalable: 用户是否可以手动缩放

“ viewport”, 翻译为中文可以叫做“ 视区”, 大家都知道移动设备的屏幕一般都比PC小很多, webkit浏览器会将一个较大的“ 虚拟” 窗口映射到移动设备的屏幕上, 默认的虚拟窗口为980像素宽( 目前大部分网站的标准宽度), 然后按一定的比例( 3: 1 或2: 1) 进行缩放。 也就是说当我们加载一个普通网页的时候, webkit会先以980像素的浏览器标准加载网页, 然后再缩小为490像素的宽度。 注意这个缩小是一个全局缩小, 也就是页面上的所有元素都会缩小。

description 和 keywords 现在对于seo的作用参考与:http://www.zuifengyun.com/about-keywords-description.html

你可能感兴趣的:(web,html,mate)