例子
#
Arel="icon"在<link>元素上。
此链接引用页面或站点的图标。
<head>
<link rel="icon" href="/favicon.ico">
</head>现场试用
使用 rel="icon"
#
句法
#
<link rel="icon" href="url" />接受 rel="icon" 的元素
#
只有一个元素接受rel属性上的图标值。
| 元素 | 描述 | |
|---|---|---|
| <链接> | 将资源链接到当前页面 -参见上面的示例 |
网站图标
#
网站图标称为favicon。
网站图标用于网站选项卡，并用作触摸图标、移动快捷方式图标和应用程序图标。
最初，网站图标是.ico格式化的图像，但今天.png也接受图像。
这些是图标的标准尺寸：
| 描述 | 尺寸 |
|---|---|
| 浏览器图标 | 16x16 |
| 任务栏快捷方式图标 | 32x32 |
| 桌面快捷方式图标和 Google TV | 96x96 |
| iPhone 视网膜 | 120x120 |
| iPhone 6 加 | 180x180 |
| iPad 视网膜 | 152x152 |
| iPad Pro | 167x167 |
| Chrome 网上商店图标 | 128x128 |
| 安卓 Chrome 图标 | 196x196 |
| 歌剧海岸图标 | 228x228 |
注意：对于 Apple touch，指示
apple-touch-icon为 value 而不是仅icon.
418
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
