首页 > 其他分享 >如何修改网页的标题和左侧的小图标

如何修改网页的标题和左侧的小图标

时间:2023-03-07 16:46:14浏览次数:45  
标签:网页 标题 修改 左侧 小图标 图标

一、修改网页标题

<title>标签指定当前页面的网页图标或网站标题

二、修改网页左侧的小图标

<link>标签上的rel="icon"属性值指定当前页面的网页图标或网站图标。网页加入图标的四种方式如下,代码被放在<head>中,放好图标相应路径即可:

第一种

<link  rel="icon" href="文件位置.ico"  type="image/x-icon">

第二种

<link  rel="shortcut icon" href="文件位置.ico"  type="image/x-icon">

第三种(推荐)

<link rel="icon" href="文件位置.png" type="image/png">

第四种

<link rel="icon" href="文件位置.gif" type="image/gif">

补充:如何将图片由png格式转换为ico格式

https://www.aconvert.com/cn/icon/png-to-ico/

 

标签:网页,标题,修改,左侧,小图标,图标
From: https://www.cnblogs.com/Abbynameswld/p/17188421.html

相关文章

  • 绚丽的网页菜单
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""​​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd​​​"><htmlxmlns="​​​http://ww......
  • 网页基本 标签
    <doctypehtml><html><head>  <metacharset="utf-8">  <title>study</title>  <style>  </style></head><!--&nbsp;表示空格><表示<><stron......
  • 批量下载浏览器网页中全部链接的方法
      本文介绍在Chrome浏览器中,通过迅雷自动批量选中网页中全部下载链接并进行下载的方法。  前期的文章批量下载Landsat遥感影像的方法中,我们详细介绍了USGS遥感影像批......
  • VC提交网页表单-自动评论留言
    一、准备工作:1、本机环境:WindowsXPSP3、ADSL10M光纤2、开发工具:WildPacketsOmniPeekV5.1.4                   VisualC++6.0         ......
  • selenium_webdriver(python)获取元素属性值,浏览器窗口控制、网页前进后退,title/url打
    <spanstyle="font-family:Arial,Helvetica,sans-serif;"><spanstyle="font-size:18px;">#coding:UTF-8#这句是为了声明编码格式,一定要有</span></span><spansty......
  • 用Servlet写一个动态网页
    1、建立一个Maven的web项目2、配置Tomcat,使整个项目能启动起来3、在配置文件pop.xml中添加两个依赖<!--https://mvnrepository.com/artifact/javax.servlet/javax.serv......
  • 在线网页全屏截图工具推荐
    当今社会,网页截图已经成为人们生活、工作和学习中不可或缺的一部分。网页截图可以帮助人们记录重要信息、保存证据、分享知识和经验等等。然而,如何高效、准确地进行网页截......
  • 谷歌浏览器内置翻译报错:无法翻译此网页
      最近访问一个英文的官方文档时,突然发现谷歌浏览器的内置网页翻译失效了,不管怎么试一直报错无法翻译此网页,后来查询资料发现是因为谷歌之前关闭了谷歌的翻译网页版 tr......
  • react-native webView网页调试之setWebContentsDebuggingEnabled使用
    Android使用方法首先,我们需要在应用程序中调用WebView.setWebContentsDebuggingEnabled(true);文件位置:在MainActivity.java的onCreate方法内(在android/app/src/ma......
  • Android学习之左侧滑动菜单
    MainActivity.java:packagecom.example.slidinglayout;importandroid.app.Activity;importandroid.os.Bundle;importandroid.view.View;importandroid.view.View.OnCli......