小编San*_*nKo的帖子

浏览器如何为网站选择网站图标?

当一个网站提供多个 faviconlink标签时,浏览器会采用什么样的规则来确定实际使用哪个图标?

例如,IMDB的 html src包含以下片段:

<link href="https://m.media-amazon.com/images/G/01/imdb/images/safari-favicon-517611381._CB483525257_.svg" mask="" rel="icon" sizes="any">
<link rel="icon" type="image/ico" href="https://m.media-amazon.com/images/G/01/imdb/images/favicon-2165806970._CB470047330_.ico">
<meta name="theme-color" content="#000000">
<link rel="shortcut icon" type="image/x-icon" href="https://m.media-amazon.com/images/G/01/imdb/images/desktop-favicon-2165806970._CB484110913_.ico">
<link href="https://m.media-amazon.com/images/G/01/imdb/images/mobile/apple-touch-icon-web-4151659188._CB483525313_.png" rel="apple-touch-icon"> 
<link href="https://m.media-amazon.com/images/G/01/imdb/images/mobile/apple-touch-icon-web-76x76-53536248._CB484146059_.png" rel="apple-touch-icon" sizes="76x76"> 
<link href="https://m.media-amazon.com/images/G/01/imdb/images/mobile/apple-touch-icon-web-120x120-2442878471._CB483525250_.png" rel="apple-touch-icon" sizes="120x120"> 
<link href="https://m.media-amazon.com/images/G/01/imdb/images/mobile/apple-touch-icon-web-152x152-1475823641._CB470042035_.png" rel="apple-touch-icon" sizes="152x152">            
Run Code Online (Sandbox Code Playgroud)

选择哪个图标以及其他图标的用途是什么?

我注意到rel="shortcut icon"总是被设置为最高优先级。如果是这样,浏览器将如何处理具有多个标签的网页shortcut icon

html browser favicon firefox google-chrome

7
推荐指数
1
解决办法
3760
查看次数

标签 统计

browser ×1

favicon ×1

firefox ×1

google-chrome ×1

html ×1