如何在amp-html中添加标题图标(favicon)

时间:2019-02-02 11:23:36

标签: amp-html

我正在尝试在amp项目中添加标题栏图标

<link href="/theme/images/favicon.png" rel="shortcut icon" type="image/png" />

OR

<link rel="icon" href="/theme/images/favicon.png">

3 个答案:

答案 0 :(得分:1)

AMP对添加常规meta / link标签没有任何特殊要求。

您可以使用:<link rel="shortcut icon" type="image/png" href="/favicon.png">

确保将其添加到head部分中,并且href链接有效。您还可以使用绝对链接,看看它是否有效。

答案 1 :(得分:0)

您可以简单地使用其中一个或全部:

<meta name="msapplication-square70x70logo" content="/images/shorts/small.jpg">
<meta name="msapplication-square150x150logo" content="/images/shorts/medium.jpg">
<meta name="msapplication-wide310x150logo" content="/images/shorts/wide.jpg">
<meta name="msapplication-square310x310logo" content="/images/shorts/large.jpg">
<link rel="apple-touch-icon" href="/images/shorts/apple-touch-icon-precomposed.png">
<link rel="apple-touch-startup-image" href="/images/shorts/splash-screen-320x460.png">
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="shortcut icon" sizes="196x196" href="/images/shorts/usa-196.png">
<link rel="apple-touch-icon" href="/images/shorts/apple-touch-icon-precomposed.png">

所有测试均正常进行。保持通往收藏夹图标的路径。

答案 2 :(得分:0)

您可以使用AMP页面。

<link href="/YOUR_PATH/favicon.ico" rel="icon" type="image/x-icon" />