入行也半年了,无数次的想过写博客也无数次的想过第一篇会写什么,一直没有落实。今天心血来潮把博客开了,那就写点东西吧。第一篇就写一写看似简单但又经常不注意到的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,但是我觉得不是很常用就不在此文章里了,还有其它有用的欢迎补充。

  

转载于:https://www.cnblogs.com/sisterice/p/5443905.html

关于常用meta的总结相关推荐

  1. 移动pc常用Meta标签

    移动常用 <meta charset="UTF-8"><title>{$configInfos['store_title']}</title>& ...

  2. HTML常用meta大全

    HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息. Meta : 即 **元数据(Met ...

  3. 常用META标签整理和SEO优化

    之前对meta标签的理解只有<meta charset="UTF-8">和移动端适口<meta name="viewport" content ...

  4. 移动端页面不需要在meta加_整理一下移动端的一些常用 meta

    一.html中meta标签meta标签是什么?META标签是HTML语言HEAD区的一个辅助性标签 meta标签是干什么用的?META标签用来描述一个HTML网页文档的属性,例如作者.日期和时间.网页 ...

  5. html自适应meta标签,seo常用meta标签:自适应网站设计对百度友好的关键

    现在,许多网站都使用自适应网站设计(Response-Web-Design)来满足庞大的移动用户群的需求. 但是,在对自适应网页进行技术设计之后,出于SEO的考虑,您必须注意如何对百度更加友好,也就是 ...

  6. SEO优化之meta标签

    2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...

  7. “约见”面试官系列之常见面试题第十篇值meta标签(建议收藏)

    目录 什么是meta标签? meta的作用 meta的必需属性和可选属性 必需属性content 可选属性 常用meta标签大总结 charset 百度禁止转码 SEO 优化部分 viewport 各 ...

  8. SEO优化之Title 和 Meta 标签

    对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来实现内容管理和交互功能.SEO 思想指导下的技术支持,主要是 ...

  9. 前端搜索引擎优化SEO优化之Title 和 Meta 标签

    前端搜索引擎优化SEO优化之Title 和 Meta 标签 对搜索引擎最友好(Search Engine Friendly)的网页是静态网页,但大部分内容丰富或互动型网站都不可避免采用到相关技术语言来 ...

最新文章

  1. CSP 201812-2 小明放学 Python实现+详解
  2. 使用U-Nets和深度学习进行自动缺陷检查
  3. 徐铁:当深度学习握手脑科学-圣城会议归来
  4. 备份恢复文件夹NTFS安全设置
  5. 携程是如何把大数据用于实时风控的
  6. solaris与linux区别,solaris与linux命令的区别
  7. python自定义变量名_Python 动态变量名定义与调用
  8. k8s php mysql_在k8s上部署第一个php应用
  9. 【IPF2020】浪潮集团高级副总裁彭震:智算中心 筑基智慧世界
  10. django的models常用字段、属性
  11. 3 上传分段_陕西|杨凌职业技术学院3+2分段制高职招生啦!
  12. 我成功通过PMP考试的经验与体会
  13. VP9与H.265的6个不同点
  14. 电脑键盘出现计算机,技巧:如何恢复计算机键盘上的乱码[设置方法]
  15. 让ChatGPT来制作Excel表格,ChatGPT实现文本和表格的相互转换
  16. C++: #define中的三个特殊符号:#,##,#@
  17. Markdown支持的emoji图标
  18. 深度学习中的规范化(BN、LN等四种规范化)
  19. 酒店管理系统/停车场管理系统(毕业设计+代码)
  20. A43s安装黑苹果10.9.3.

热门文章

  1. garmin USB: linux USB host驱动
  2. 申请信用贷款需要哪些条件?
  3. 微软:PHP在IIS 7上雄起
  4. 被遗忘和庸俗化的弗洛伊德:纪念弗洛伊德诞辰150周年(全文)
  5. 温柔得叫人想死:日本电影《火宅之人》手记
  6. win7开启uasp协议_UASP与USB模式切换工具(SwitchUA官方版下载_UASP与USB模式切换工具(SwitchUASP) v1.0免费版 - Win7旗舰版...
  7. python -pass的用法
  8. Date类+DateFormat
  9. 区块链基础语言(三)——Go语言开发工具
  10. jsonp原生js跨域拿新浪数据插件封装【可扩展】