# HTML5教程 - 17 网站图标
网站的图标就是使用浏览器访问网站的时候，标签页显示的图标，或者收藏网站的时候，显示的图标。
例如，访问百度或者小米显示的图标：
图标的设置也很简单，首先准备一个图标，一般是 .ico 格式的，可以使用 Photoshop 将图片导出为这个格式的，或者百度一下在线制作 ico 图标的网站。
图标的名称，一般情况下都命名为 favicon.ico ，并放在项目的根目录下，然后在网页中通过 <link> 标签指定。
举个栗子：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>For技术栈</title>
<!-- 设置图标 -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
www.foooor.com
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14