meta标签的少许语法,慢慢收集中...

时间:2023-03-09 08:01:33
meta标签的少许语法,慢慢收集中...

收集了一些meta的语法,也将不断的更新。不断做点滴的收集,总之,为了前端这些东西呀,我也是操碎了心...

  1 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    告诉浏览器网页所识别的文件类型及语言类型,比如说,我们要让浏览器识别HTM/HTML类型的简体中文网面;

  2 <meta name="Keywords" content="" />

    让一些搜索引擎搜索到你的网页

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

    最佳兼容方案

  4 <meta http-equiv="x-dns-prefetch-control" content="on" />

    用meta信息来告知浏览器, 当前页面要做DNS预解析

  5 <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

    是让当前viewport的宽度等于设备的宽度,同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求

  6 <meta name="apple-touch-fullscreen" content="yes" />

    浏览器会进行全屏模式运行,如果没有设置“yes”,则不会

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

    在web app应用下状态条(屏幕顶部条)的颜色;默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)

      注意:若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

  8 <meta name="format-detection" content="telephone=no" />

    告诉设备忽略将页面中的数字识别为电话号码

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

    告诉设备不识别邮箱,点击之后不自动发送

  10<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    不允许用户可以缩放到最大、最小比例

  11 <meta http-equiv="Pragma" content="no-cache">

    禁止浏览器从本地计算机的缓存中访问页面内容

      注意:这样设定,访问者将无法脱机浏览。

12 <meta http-equiv="Refresh" content="2;URL=http://www.root.net">

    自动刷新并指向新页面

      注意:其中的2是指停留2秒钟后自动刷新到URL网址

 13 <meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

    如果网页过期,那么存盘的cookie将被删除

      注意:必须使用GMT的时间格式

 14 <meta http-equiv="Window-target" content="_top">

    强制页面在当前窗口以独立页面显示

      注意:用来防止别人在框架里调用自己的页面

 15 <meta http-equiv=″expires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″>

    控制页面缓冲,当在Internet Explorer 浏览器中设置浏览网页时首先查看本地缓冲里的页面,那么当浏览某一网页,而本地缓冲又有时,那么浏览器会自动浏览缓冲区里的页面,直到meta中设置的时 间到期,这时候,浏览器才会去取得新页面

                                       后续会不断的收集,有好的也拜托分享给我,谢谢啦!