美文网首页
PWA常用head标签

PWA常用head标签

作者: xunuo0x | 来源:发表于2017-11-03 22:05 被阅读42次

meta标签设置

  1. <meta name="apple-mobile-web-app-capable" content="yes"> 这句是要做隐藏状态栏和工具栏,当添加到主屏是会看到明显差异;但在Safari中没差别

    image
    image
  2. <meta name="apple-mobile-web-app-status-bar-style" content="black">控制状态栏样式,也就是顶部的颜色,就不上图了;如果不设置,默认黑色

  3. <meta name="apple-mobile-web-app-title" content="Weather"> 添加到主屏会指定标题Weather

  4. <link rel="apple-touch-icon" href="images/icons/icon-152x152.png"> 添加到主屏指定图标

  5. <meta name="msapplication-TileImage" content="images/icons/icon-144x144.png"> win8磁贴图标

  6. <meta name="msapplication-TileColor" content="#2F3BA2"> win8磁贴颜色

更详细的参见

相关文章

  • PWA常用head标签

    meta标签设置 这句是要做隐藏状态栏和工具栏,当添加到主屏是会看到明显差异;但在Safari中没差别imagei...

  • 第五模块 前端开发(1) HTML

    1. html入门 2. head标签相关内容 3. 常用标签 常用标签一 常用标签- table 常用标签-表单...

  • Html常用标签

    1.html文档声明 2.html的整体框架 3.头部标签常用标签 标签主要用来加载CS...

  • 常用的head 标签

    <1、简体中文 2、繁体中文 3、优先使用ie最新版本和chrome 4、定义网页搜索引擎引方式 follow ...

  • HTML常用meta大全

    HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标...

  • web前端入门到实战:HTML常用meta大全

    HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标...

  • html: head内常用标签

    head内常用标签 meta标签 Meta标签介绍: 元素可提供有关页面的原信息(mata-information...

  • head中的常用标签

    head标签的定义及用法 标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪...

  • meta

    meta标签的常见应用 meta标签 meta标签HTML语言head区域的一个辅助性标签,常用于定义页面的说明,...

  • 07丨HTML元信息类标签

    head 标签 首先我们先来了解一下 head 标签,head 标签本身并不携带任何信息,它主要是作为盛放其它语义...

网友评论

      本文标题:PWA常用head标签

      本文链接:https://www.haomeiwen.com/subject/dluxmxtx.html