web 设置图标favicon

场景

• 所有站点必备的一个功能, 但是如果想要兼容所有的浏览器是困难的

解决

• 下面的代码足够应对大多数场景

<link rel="shortcut icon" href="/path/to/icons/favicon.ico">
<link rel="icon" type="image/png" href="/path/to/icons/favicon-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="180x180" href="/path/to/icons/apple-touch-icon-180x180.png">

参考文档

• /favicon.ico” vs <link rel=“shortcut icon />