如何在URL栏上显示图像

时间:2012-04-12 10:07:49

标签: css styles favicon

我想在浏览器的网址栏上显示图片和一些文字。

我可以使用标记<link type="image/x-icon" href="../../images/iconFav.bmp" rel="shortcut icon" />显示图片,但无法在图片旁边显示文字。

实际上我想做的就像stackoverflow在URL栏上显示图像,我想显示一个图像和几个文本:) Otehr的例子是查看显示图像的https://developers.facebook.com/docs/reference/fql/和网址栏上该图像旁边的facebook.com

6 个答案:

答案 0 :(得分:4)

该文字(显示在favicon.ico旁边)是HTML title element

<html><head><title>Your text here</title></head></html>

答案 1 :(得分:2)

由于BMP不是受支持的favicon文件格式,因此不显示该图标。为获得最佳支持,请使用ICO文件。请参阅:http://en.wikipedia.org/wiki/Favicon#File_format_support

如果您愿意,可以使用Favicon.co.uk将图片转换为ICO格式

然后链接到它:

 <link href="/location/of/favicon.ico" rel="shortcut icon" />

然后在<title>Your Title</title>代码

中使用<head>标题

答案 2 :(得分:1)

你需要阅读favicon。同时确保使用正确的doctype和正确的fav图标链接。您需要将您的favicon转换为带转换器的ico文件:我更喜欢这个:http://www.prodraw.net/favicon/index.php

答案 3 :(得分:1)

我认为您所指的是SSL扩展的验证信息。现代浏览器显示在HTTPS下运行的站点,其中域为蓝色或绿色(取决于购买的SSL证书的类型)。

http://en.wikipedia.org/wiki/Extended_Validation_Certificate提供了有关扩展验证的更多详细信息,但实际上无法控制文本 - 它可能是您网站的域名,例如: facebook.com或您组织的名称,例如“PayPal Inc.”并且需要购买SSL证书,并且仅在使用SSL浏览时显示在您的网站上。

答案 4 :(得分:0)

无法做到。在https网站上,某些浏览器会在图像旁边放置内容(网站名称),以表明您是以安全的方式访问网站,但程序员无法控制它,它内置于浏览器中。您可以控制favicon图像,这就是全部。

答案 5 :(得分:0)

我认为如果网站是安全的并且由某个组织验证,则会显示该文本。但是我可以使用<link type="image/x-icon" href="../../images/iconFav.bmp" rel="shortcut icon"/>

在位置栏上显示图像