HTML-如何在浏览器中添加图标徽标

时间:2019-04-16 16:45:57

标签: html icons favicon

我正在建立一个网站,我想在浏览器的标题栏中添加一个小的图标徽标。 我必须在哪里放置代码? 我试过头,但是什么也没发生

2 个答案:

答案 0 :(得分:3)

标题栏上的徽标称为网站图标。要在您的网站中添加收藏夹图标,您只需在标签内提供指向图标的链接。

<!DOCTYPE html>
<html>
  <head>
    <title>This is a title</title>
    <link rel = "icon" type = "image/png" href = "/icon.png">
    <!-- For apple devices -->
    <link rel = "apple-touch-icon" type = "image/png" href = "/icon.png"/>
  </head> 
</html>

通过使用此选项,您可以在网站的标题栏中添加图标。图标的扩展名应为.png,以提高可见性,并将png转换为.ico扩展名,以获得更多支持。

答案 1 :(得分:0)

您不能使用任何图标库作为图标徽标浏览器,而必须创建一个ico图像并将代码粘贴在下面

使用此代码:

<link rel="icon" href="yourimage.ico>" type="image/x-icon">

您必须将其粘贴到head标签中