什么是html favicon?(an html favicon?)

超文本标记语言(HTML)favicon是一个小的图形图像,通常用作某个网站的有用的视觉提醒。它通常出现在大多数现代网络浏览器的地址栏中,也出现在用户的书签或收藏夹列表中,由此产生了“收藏夹图标”或“favicon”一词。HTML favicon有多种用途,包括网站品牌和提高访问者的易用性。设置HTML favicon需要创建一个兼容的图像,并在网站的HTML代码中指定其位置。。...
An HTML favicon is commonly visible in the address bar of a web browser.

超文本标记语言(HTML)favicon是一个小的图形图像,通常用作某个网站的有用的视觉提醒。它通常出现在大多数现代网络浏览器的地址栏中,也出现在用户的书签或收藏夹列表中,由此产生了“收藏夹图标”或“favicon”一词。HTML favicon有多种用途,包括网站品牌和提高访问者的易用性。设置HTML favicon需要创建一个兼容的图像,并在网站的HTML代码中指定其位置。。

Once the favicon is available, a small piece of code, designating the image's location and telling the website to display it correctly, must be added to the header section of the HTML code.

使用HTML favicon的网站非常常见,这很可能是因为相对简单的设置过程以及提高访客意识的好处。在大多数情况下,当访问者将网站添加到收藏夹列表或将其添加到浏览器收藏夹列表中时,favicon将显示在此列表中。这可以使网站在列表中更加直观,并允许访问者更轻松地返回网站。除了标准的web浏览器外,Favicon通常在其他支持在线的设备或能够检索它们的应用程序(如手机)中可见。。

向网站添加favicon是整个网站设计的一部分。通常,网站设计师会使用代表网站徽标的favicon,这有助于品牌实践。一个可快速识别的图像可以显示在访客书签或收藏夹列表以外的位置,进一步增加了它的实用性。例如,其他网站,如新闻或博客帖子聚合服务,在提供网站链接时可能会使用favicon或其他识别图形。使用类似于徽标或其他图形图像的HTML favicon可以帮助访问者始终如一地记住和识别特定网站。。

用于HTML favicon的图像必须遵循某些准则才能正确显示。需要16 x 16像素或32 x 32像素的大小,颜色深度必须为8位或24位。创建图像后,必须将其上载到Internet,通常在承载网站的同一服务器上,或者通过其他方式使网站可以访问图像。一旦favicon可用,必须在HTML代码的标题部分添加一小段代码,指定图像的位置并告诉网站正确显示图像。。

  • 发表于 2022-01-05 22:36
  • 阅读 ( 39 )
  • 分类:IT

你可能感兴趣的文章

如何使用html5样板在几分钟内创建一个网站

...min.js ---modernizr.min.js.editorconfig.htaccess404.htmlbrowserconfig.xmlfavicon.icohumans.txticon.pngindex.htmlrobots.txtsite.webmanifesttile.pngtile-wide.png ...

  • 发布于 2021-03-24 10:41
  • 阅读 ( 378 )

如何在macos上向safari添加Favicon

...乱用户界面,但不管出于什么原因,Safari都不提供现成的favicon。 输入Faviconographer。这个第三方程序做了一件事:向Safari添加favicon。它不是完美的,但它是有效的,与其他解决方案不同,您甚至不需要禁用系统身份保护。 安装...

  • 发布于 2021-04-07 06:33
  • 阅读 ( 118 )

用简单的方法创造一个favicon

我最近决定更新这个网站的FavIcon(地址栏中的小图标)。旧的那个是我在visualstudio中自己破解的东西,对我来说似乎不够友好。 有许多在线生成器可以从图片中为您创建图标,它们看起来确实做得很好,同时使一切都非常简单...

  • 发布于 2021-04-14 12:04
  • 阅读 ( 84 )

如何在mac和ios上启用safari favicons

...一些沮丧的用户转而使用Chrome或Firefox。如果默认情况下Favicon不会出现在浏览器上,下面介绍如何在macOS和iOS版本的Safari上启用Favicon:如何在macos中的选项卡上启用Favicon您需要运行macOS Sierra或High Sierra,并且已经下载并安装了Safar...

  • 发布于 2021-05-14 15:35
  • 阅读 ( 103 )

gmail发送者图标为gmail添加了favicons以便于浏览

Chrome:favicon在浏览器中是很好的,因为它们可以让你很容易地在标签页上辨别出一个站点和另一个站点。Gmail发送者图标在你的Gmail收件箱中也采用同样的方式。Gmail发送者图标本质上是在一个小的图像中添加的,其中包括发送者...

  • 发布于 2021-05-16 05:55
  • 阅读 ( 70 )

谷歌日历的favicon现在显示日期

googlecalendar的favicon(浏览器窗口顶部的小图标)曾经显示静态的31,现在它显示的是实际的日期。不是一个巨大的功能,但肯定是一个有用的和受欢迎的,特别是如果你使用Chrome的Pin标签功能或Firefox4应用程序标签。他们现在正...

  • 发布于 2021-07-24 21:43
  • 阅读 ( 106 )

googlereader增加了favicon支持

...GReader Firefox扩展的用户现在已经能够在Reader侧边栏中打开favicon对他们的feed的支持了一段时间(favicon是,例如,当你访问Lifehacker时,在地址栏旁边显示的小“lh”);现在,Reader团队的成员已经赶上了,他们为您的订阅添加了fav...

  • 发布于 2021-07-28 04:19
  • 阅读 ( 101 )

chrome的pin标签功能将标签缩小为favicons

googlechrome的Pin标签功能将任何标签缩小到只有一个网站的favicon,以节省宝贵的标签栏不需要扩展。在8月份,我们详细介绍了如何在Firefox中设置节省空间、仅图标的选项卡,这样您就可以快速访问最常用的Web应用程序(如Gmail和G...

  • 发布于 2021-07-28 09:32
  • 阅读 ( 82 )

gvoice favicon警报使您的最小谷歌标签更加完整

...gle语音通知吗?一个有用的Greasemonkey脚本在你的googlevoice favicon中添加新的消息通知,让你(几乎)完全了解浏览器。警报编号的位置和颜色与Gina的Better Gmail 2插件(以及它派生的脚本)启用的Gmail通知中右下角的图标稍有不同,...

  • 发布于 2021-07-28 14:49
  • 阅读 ( 114 )

显示favicon中的google reader未读计数

带有Greasemonkey的Firefox:用户脚本GReader FavIcon Alerts在Google阅读器地址栏图标顶部添加了小文本,让您一眼就能看到您有多少未读项目。Lifehacker的读者Peter创建了这个脚本(基于他之前提到的Gmail FavIcon警报),作为查看您有多少未...

  • 发布于 2021-07-29 05:16
  • 阅读 ( 121 )
凤风凤疯
凤风凤疯

0 篇文章

相关推荐