美文网首页
【html学习笔记12】-图标Favicon

【html学习笔记12】-图标Favicon

作者: 兔小小 | 来源:发表于2023-08-25 15:58 被阅读0次

    网站图标是显示在浏览器选项卡中页面标题旁边的小图像(如www.favicon.cc)。网站图标显示在浏览器选项卡中页面标题的左侧,如下所示:

    要将图标添加到您的网站,请将收藏夹图标图像保存到根目录,或在根目录中创建一个文件夹 调用图像,并将收藏夹图标图像保存在此文件夹中。图标图像的通用名称是“favicon.ico”。

    接下来,将元素<link>添加到“index.html”文件中, 在元素<title>之后,如下所示:

    <!DOCTYPE html>
    <html>
    <head>
      <title>My Page Title</title>
      <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
    </head>
    <body>
    
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
    
    </body>
    </html>
    

    保存“index.html”文件并在浏览器中重新加载。您的浏览器选项卡现在应该 在页面标题的左侧显示您的图标图像。

    相关文章

      网友评论

          本文标题:【html学习笔记12】-图标Favicon

          本文链接:https://www.haomeiwen.com/subject/qyxbmdtx.html