Question

我使用Real Favicon Generator生成favicon和代码。我只是通过代码验证器（Total Validator Pro）运行我的HTML和CSS，它说一些Real Favicon Generator代码有两个错误：

E620 The 'color' attribute is not valid for this tag in this context:
         <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#00736d">


W619 Unrecognised value for the 'name' attribute:
         <meta name="theme-color" content="#ffffff">

我是新手，所以不知道我是否应该为此担心？

2。 Real Favicon Generator创建.xml和.json文件。我的网站是非常简单的静态HTML和CSS网站，没有javascript，Jquery或PHP等。加载速度非常快。这些额外的.xml和.json文件是否会减慢加载时间？

谢谢

Answer 1

<强> TL; DR

这两个问题是无害的，额外的文件不会减慢您的网站速度。您可以按原样使用RealFaviconGenerator生成的包。

详情

RealFaviconGenerator作者发言。

color是Apple推出的专有属性。此link标记的目的是在macOS Safari的固定选项卡中有一个图标，color属性是必需的：如果删除if，Safari不会选择默认颜色但将忽略您的固定标签图标。

theme-color适用于Android Chrome，以style the address bar or task bar。

这两个属性是无害的，不会破坏任何东西。此代码为tested on several browsers。

此外，W3C validator显然是does not report these errors anymore。你可以查看自己的网站吗？

browserconfig.xml适用于Edge和最新版本的IE，而manifest.json是Web App Manifest，主要适用于Android Chrome。对这些文件不感兴趣的浏览器不会加载它们。

真正的Favicon Generator错误代码，它会降低网站速度吗？

1 个答案: