HTML设置iOS主画面图标 – 畅想资源

网站最后更新日期：2022年3月25日

欢迎大家来到畅想资源 AREFLY.COM！个人网站（中）个人网站（EN）更多联络方式

×

畅想资源的Facebook粉丝专页

HTML设置iOS主画面图标

7 月102013

作者：超级efly 发布：2013-07-10 07:29 分类：网络阅读：6,022

iOS的Safari有个很好的功能，就是可以添加内容至主画面，不过默认是没有图标的，今天就教大家如何添加这个图标

教程

只需要在网站的head部分（Wordpress的header.php）添加下列代码，并把Logo地址该成你的就可以啦！

<!-- iOS系统会自动将图标生成有高光、圆角及阴影效果（Logo大小：57×57） -->
<link rel="apple-touch-icon" href="你的图标地址"/>

1 2	<!-- iOS系统会自动将图标生成有高光、圆角及阴影效果（Logo大小：57×57） --> <link rel="apple-touch-icon" href="你的图标地址"/>

预览

原图：

经过iOS自动转换：

参考

打造移动终端的 WebApp（一）：搭建一个舞台

总结

1、有问题可以回复

历史上的今天

2014年：Linux技巧：screen指令使用教学（4条评论）

觉得这篇文章有用吗？分享一下让更多人受益吧！

© 版权声明：本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际（CC BY-NC-SA 4.0）”于“畅想资源”发布，转载时须以相同方式发布并注明“原文链接”！

本文固定链接：https://www.arefly.com/zh-hans/html-ios-home-logo/

本文章由“超级efly”于2013年07月10日发表于“网络”分类

你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站

转载请注明：HTML设置iOS主画面图标 | 畅想资源

关键字：HTML, IOS, Web App, WordPress

[上一篇] 使用PHP清除伺服器缓存

[下一篇] Mac保护SSD小技巧

您可能还会对这些文章感兴趣！

如果您对本文有任何疑问或建议，欢迎发送邮件至yifei@hesyifei.com（或通过其它途径）联系我们，谢谢！

沪ICP备14025677号-1

自豪地采用 WordPress | 主题基于 Weisay Simple | 架设于阿里云 | 站点地图 Sitemap

版权所有 © 2012 - 2024 畅想资源 Arefly

                     .  
                    / V\
                  / `  /
                 <<   | 
                 /    | 
               /      | 
             /        | 
           /    \  \ /  
          (      ) | |  
  ________|   _/_  | |  
<__________\______)\__)