Min's blog

I choose to see the beauties in the world.

导航

meta

Posted on 2017-09-07 14:51  Min77  阅读(149)  评论(0编辑  收藏  举报
  1. 定义针对搜索引擎的关键词:<meta name="keywords" content="meta,red" />

  2. 定义对页面的描述:<meta name="description" content="这是meta教程" />

  3. 定义页面的最新版本:<meta name="revised" content="bu, 2016/5/10/" />

  4. 每 5 秒刷新一次页面:<meta http-equiv="refresh" content="5" />

  5. 网页作者: <meta name="author" content="name, email@gmail.com"/>
  6. 添加智能 App 广告条(iOS 6+ Safari):<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
  7. 设置苹果工具栏颜色:<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  8.  忽略页面中的数字识别为电话,忽略email识别 :<meta name="format-detection" content="telphone=no, email=no"/> 

  9. 是否启用 WebApp 全屏模式:<meta name="apple-mobile-web-app-capable" content="yes" />

  10. 是否删除默认的苹果工具栏和菜单栏:<meta name="apple-mobile-web-app-capable" content="yes" />  和9一样。

  11. 启用电话功能,请使用<a href="tel:15855555555">15855555555</a>来代替,邮件则为<a href="mailto:xxx@xxx.com">发送邮件</a>

  12. windows phone 点击无高光 <meta name=”msapplication-tap-highlight” content=”no”>

  13. 不让百度转码<meta http-equiv=”Cache-Control” content=”no-siteapp” />

  14. 设置“添加到主屏幕图标:用户可以像保存书签一样把一个网站添加到主屏幕,下次用户直接点击主屏幕上的图标就能进入网站。

  15. <link rel=“apple-touch-icon-precomposed” href=“/apple-touch-icon-57×57-1.png”/>
  16. 设置“添加到主屏幕图标:用户可以像保存书签一样把一个网站添加到主屏幕,下次用户直接点击主屏幕上的图标就能进入网站。<link rel=“apple-touch-icon-precomposed” href=“/apple-touch-icon-57×57-1.png”/>
  17. <link rel=“apple-touch-icon-precomposed” sizes=“114×114” href=“/apple-touch-icon-114×114-precomposed.png”/>

  18. <!– Retina iPad,144×144 像素,可以没有,但推荐有 –>

    添加到主屏幕后系统会默认给图片加上IOS相关的图标风格(比如圆角),如果需要系统直接展示原图使用apple-touch-icon-precomposed,如果需要系统添加风格使用apple-touch-icon。
  19. 设置桌面图标的标题 <span style=“font-size:12px;”><meta name=“apple-mobile-web-app-title” content=“标题”></span>最好限制在六个中文长度内,超长的内容会被隐藏
  20. viewport设置:

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