html head或htaccess文件中的Apple touch图标

Lau*_*nce 3 html favicon .htaccess ios

我正在构建一个新的Web应用程序.

我已经准备好了我的图标和苹果图标.我想知道是否需要将它们包含在我的HTML文件的"头部"中 - 或者是否可以从.htaccess文件中接受它们?

HTML代码:

<head>
  <link rel="shortcut icon" href="assets/ico/favicon.ico">
  <!-- Standard iPhone --> 
  <link rel="apple-touch-icon" sizes="57x57" href="touch-icon-iphone-114.png" />
  <!-- Retina iPhone --> 
  <link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone-114.png" />
  <!-- Standard iPad --> 
  <link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad-144.png" />
  <!-- Retina iPad --> 
  <link rel="apple-touch-icon" sizes="144x144" href="touch-icon-ipad-144.png" />
</head>
Run Code Online (Sandbox Code Playgroud)

或者只是把它们放在htaccess中?

    # Rewrite for Favicons
RewriteRule ^favicon\.ico$ assets/ico/favicon.ico [L]
RewriteRule ^apple-touch-icon\.png$ assets/ico/apple-touch-icon.png [L]
RewriteRule ^apple-touch-icon-57x57\.png$ assets/ico/apple-touch-114-icon.png [L]
RewriteRule ^apple-touch-icon-114x114\.png$ assets/ico/apple-touch-icon-114.png [L]
RewriteRule ^apple-touch-icon-72x72\.png$ assets/ico/apple-touch-icon-144.png [L]
RewriteRule ^apple-touch-icon-144x144\.png$ assets/ico/apple-touch-icon-144.png [L]
Run Code Online (Sandbox Code Playgroud)

问题:将它们放入我的.htaccess文件并从HTML中删除它们是否有任何不利之处?

Ste*_*fan 7

如果您遵循Apple的命名约定,则不必指定它们.

来自Apple的文档:

如果没有使用link元素指定图标,则会在网站根目录中搜索带有apple-touch-icon ...或apple-touch-icon-precomposed ...前缀的图标.例如,如果设备的相应图标大小为57 x 57,系统将按以下顺序搜索文件名:

  • 苹果触摸图标-57x57-precomposed.png
  • 苹果触摸图标57x57.png
  • 苹果触摸图标precomposed.png
  • 苹果触摸的icon.png