星空网 > 软件开发 > 网页设计

关于常用meta的总结

  入行也半年了,无数次的想过写博客也无数次的想过第一篇会写什么,一直没有落实。今天心血来潮把博客开了,那就写点东西吧。第一篇就写一写看似简单但又经常不注意到的meta标签吧。(博主经验尚浅,有许多理解不到位的地方或者说错的地方欢迎批评指正)

  <meta charset="utf-8"/>不说了~这个是祖师爷

  1.让浏览器默认以什么版本来显示:

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

    content里的IE=edge表示让浏览器默认以edge内核去处理页面,而后面的chrome=1则是在用户安装了GCF之后可以在IE浏览器里以chrome内核来处理,如果换成其它内核只需要改变IE=后面的值即可。(IE9没有此选项,兼容IE8+

  2.360使用极速模式打开:

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

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

  3.禁止使用本地缓存:

    <meta http-equiv="pragma" content="no-cache" />

  4.定时让网页跳转到指定网页上:

    之前做跳转经常用的是location,但是发现很多手机浏览器不支持或者根本不支持JS,后来发现这个标签感觉还是挺实用的。

    <meta http-equiv="refresh" content="2; url='...'" />

    其中content后的第一个参数为多少S之后跳转,第二个参数为跳转地址,不加第二个参数为本页面刷新。

    那如果想第一条设置一个时间跳到自定义协议头地址,如果无效第二条间隔一会跳到另一个无限制访问的地址可以么?答案是否定的。(兼容IE7+

  5.搜索引擎相关:

    告诉搜索引擎这个网页的关键字

    <meta name="keywords" content="key1,key2..." />

    告诉搜索引擎网站的主要内容

    <meta name="description" content="冰姐姐的博客" />

  6.移动开发:

    使当前viewport的宽度等于设备的宽度,同时不允许缩放

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

    禁止识别成emile或者phone号码

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

 

  当然还有一些特定浏览器全屏显示,设置网页到期时间,设置cookie,但是我觉得不是很常用就不在此文章里了,还有其它有用的欢迎补充。

  

 




原标题:关于常用meta的总结

关键词:key1,key2...

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

泰国专线国际快运:https://www.goluckyvip.com/tag/88301.html
国际泰国专线:https://www.goluckyvip.com/tag/88302.html
泰国国际专线:https://www.goluckyvip.com/tag/88303.html
深圳到泰国专线物流:https://www.goluckyvip.com/tag/88304.html
深圳到泰国物流专线:https://www.goluckyvip.com/tag/88305.html
泰国专线货代:https://www.goluckyvip.com/tag/88306.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
23点聊电商:“潮起钱塘·境遇未来”2024年跨境电商全平台发展大会圆满完成 :https://www.kjdsnews.com/a/1836652.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流