1. <!-- 声明文档使用的字符编码 -->
  2. <meta charset='utf-8'>
  3. <!-- 优先使用 IE 最新版本和 Chrome -->
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  5. <!-- 页面描述 -->
  6. <meta name="description" content="不超过150个字符"/>
  7. <!-- 页面关键词 -->
  8. <meta name="keywords" content=""/>
  9. <!-- 网页作者 -->
  10. <meta name="author" content="name, email@gmail.com"/>
  11. <!-- 搜索引擎抓取 -->
  12. <meta name="robots" content="index,follow"/>
  13. <!-- 为移动设备添加 viewport -->
  14. <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
  15. <!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
  16.  
  17. <!-- iOS 设备 begin -->
  18. <meta name="apple-mobile-web-app-title" content="标题">
  19. <!-- 添加到主屏后的标题(iOS 6 新增) -->
  20. <meta name="apple-mobile-web-app-capable" content="yes"/>
  21. <!-- 是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏 -->
  22.  
  23. <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
  24. <!-- 添加智能 App 广告条 Smart App Banner(iOS 6+ Safari) -->
  25. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  26. <!-- 设置苹果工具栏颜色 -->
  27. <meta name="format-detection" content="telphone=no, email=no"/>
  28. <!-- 忽略页面中的数字识别为电话,忽略email识别 -->
  29. <!-- 启用360浏览器的极速模式(webkit) -->
  30. <meta name="renderer" content="webkit">
  31. <!-- 避免IE使用兼容模式 -->
  32. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  33. <!-- 不让百度转码 -->
  34. <meta http-equiv="Cache-Control" content="no-siteapp" />
  35. <!-- 针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓 -->
  36. <meta name="HandheldFriendly" content="true">
  37. <!-- 微软的老式浏览器 -->
  38. <meta name="MobileOptimized" content="320">
  39. <!-- uc强制竖屏 -->
  40. <meta name="screen-orientation" content="portrait">
  41. <!-- QQ强制竖屏 -->
  42. <meta name="x5-orientation" content="portrait">
  43. <!-- UC强制全屏 -->
  44. <meta name="full-screen" content="yes">
  45. <!-- QQ强制全屏 -->
  46. <meta name="x5-fullscreen" content="true">
  47. <!-- UC应用模式 -->
  48. <meta name="browsermode" content="application">
  49. <!-- QQ应用模式 -->
  50. <meta name="x5-page-mode" content="app">
  51. <!-- windows phone 点击无高光 -->
  52. <meta name="msapplication-tap-highlight" content="no">
  53. <!-- iOS 图标 begin -->
  54. <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
  55. <!-- iPhone 和 iTouch,默认 57x57 像素,必须有 -->
  56. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
  57. <!-- Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有 -->
  58. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
  59. <!-- Retina iPad,144x144 像素,可以没有,但推荐有 -->
  60. <!-- iOS 图标 end -->
  61.  
  62. <!-- iOS 启动画面 begin -->
  63. <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>
  64. <!-- iPad 竖屏 768 x 1004(标准分辨率) -->
  65. <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>
  66. <!-- iPad 竖屏 1536x2008(Retina) -->
  67. <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>
  68. <!-- iPad 横屏 1024x748(标准分辨率) -->
  69. <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>
  70. <!-- iPad 横屏 2048x1496(Retina) -->
  71.  
  72. <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>
  73. <!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
  74. <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>
  75. <!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
  76. <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>
  77. <!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
  78. <!-- iOS 启动画面 end -->
  79.  
  80. <!-- iOS 设备 end -->
  81. <meta name="msapplication-TileColor" content="#000"/>
  82. <!-- Windows 8 磁贴颜色 -->
  83. <meta name="msapplication-TileImage" content="icon.png"/>
  84. <!-- Windows 8 磁贴图标 -->
  85.  
  86. <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
  87. <!-- 添加 RSS 订阅 -->
  88. <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
  89. <!-- 添加 favicon icon -->
  90.  
  91. <!-- sns 社交标签 begin -->
  92. <!-- 参考微博API -->
  93. <meta property="og:type" content="类型" />
  94. <meta property="og:url" content="URL地址" />
  95. <meta property="og:title" content="标题" />
  96. <meta property="og:image" content="图片" />
  97. <meta property="og:description" content="描述" />
  98. <!-- sns 社交标签 end -->

属性详解参考地址:https://www.haorooms.com/post/html_meta_ds

html中的meta标签属性的更多相关文章

  1. 常用HTML meta 标签属性(网站兼容与优化需要),meta标签

    常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索 ...

  2. 浅析网站开发中的 meta 标签的作用

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  3. HTML中的<meta>标签的使用

    HTML中<meta>标签的使用 在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTM ...

  4. HTML 中的meta标签中的http-equiv与name属性使用介绍

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

  5. html中的meta标签是什么?有哪些属性?

    meta标签介绍 meta标签是HTML语言head区域的一个辅助性标签,常用于定义页面的说明,关键字,最后修改的日期和其他的元数据.这些元数据将服务于浏览器,搜索引擎和其他网络服务. meta标签的 ...

  6. HTML中的meta标签常用属性及其作用总结

    文章同步到github 以前没怎么太注意过meta标签的作用,只是简单了解一些常用属性,现在结合个人了解的进行记录与总结: 元数据 首先需要了解一下元数据(metadata)元素的概念,用来构建HTM ...

  7. html meta标签属性与内容

    meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言, ...

  8. 手机页面中的meta标签

    以前看书的时候,觉得meta标签就只有一个charset对于我来说是有用的.前段时间有个学弟让我写个手机版的网页,我才知道原来meta标签有那么多学问. meta指元素可提供有关页面的元信息(meta ...

  9. meta 标签属性(网站兼容与优化需要)

    概要 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. —— W3School ...

随机推荐

  1. 洛谷 P1197 BZOJ 1015 [JSOI2008]星球大战 (ZOJ 3261 Connections in Galaxy War)

    这两道题长得差不多,都有分裂集合的操作,都是先将所有操作离线,然后从最后一步开始倒着模拟,这样一来,分裂就变成合并,也就是从打击以后最终的零散状态,一步步合并,回到最开始所有星球都被连为一个整体的状态 ...

  2. HDU - 2973 - YAPTCHA

    先上题目: YAPTCHA Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)To ...

  3. 1010针对一个binlog日志的分析

    针对一个BINLOG日志的分析 -- 当前binlog_format | ROW[root@109 mysql]# cat wang1010.txt/*!50530 SET @@SESSION.PSE ...

  4. 服务器session,Tomcat有自己的session维护机制,apache有自己的session维护机制

    1.SESSION一般不是你说的这种工作方式,你打开一个浏览器,再打开一个,请求同一个网址,然后其中一个登陆,另外一个绝对不会也登陆.SESSION和浏览器本身这个程序就是挂钩的,一般不通过IP和端口 ...

  5. [DLX精确覆盖] hdu 3663 Power Stations

    题意: 给你n.m.d,代表有n个城市.m条城市之间的关系,每一个城市要在日后d天内都有电. 对于每一个城市,都有一个发电站,每一个发电站能够在[a,b]的每一个连续子区间内发电. x城市发电了.他相 ...

  6. PL/SQL Developer自己主动补全SQL语句

    快捷输入SQL语句,比如输入s,按下空格,自己主动替换成SELECT;再比如,输入se,按下空格, 自己主动替换成SELECT * FROM,很方便,节省了大量的时间去编写反复的SQL语句. 设置方法 ...

  7. iOS 在 ARC 环境下 dealloc 的使用、理解误区

    iOS 在 ARC 环境下 dealloc 的使用.理解误区 太阳火神的漂亮人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致&qu ...

  8. sqlalchemy.orm.exc.flusherror:错误解决

    使用sqlalchemy创建model 初次代码: class UserModel(db.Model): __tablename__ = "users" id = db.Colum ...

  9. sikuli运行错误:Traceback (most recent call last):

    错误信息: Traceback (most recent call last): File "C:\Users\wb-cailu.a\AppData\Local\Temp\sikuli-tm ...

  10. Mysql db

    hibernate中dialect的讲解 RDBMS方言 DB2 org.hibernate.dialect.DB2Dialect DB2 AS/400 org.hibernate.dialect.D ...