前端如何修改网页的标题栏图标和名称

首先要说的就是图标,这个叫 favicon(Favorites Icon,收藏夹图标)。有两种方式可以设置。

《前端如何修改网页的标题栏图标和名称》

一是在网站根目录下放置 favicon.ico 文件,浏览器在加载网页的时候会自动加载的。这个图片只能是 ico 格式,并且只能叫这个名字。

二是在需要设置 favicon 的页面的 HTML 头部加入:


<link rel="shortcut icon" href="favicon图片路径" type="image/x-icon" />

其次是修改标题的内容:这个图片就可以用很多种格式的了,不局限于 ico 文件。当然如果换别的格式了记得把后面的 type 修改成相应的如 image/gif、image/png 等等。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
<title>在线翻译_有道</title>

 

    原文作者:尔嵘
    原文地址: https://blog.csdn.net/XU441520/article/details/102928541
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞