2010-06-23 91 views
37

我想在HTML页面的标题上有一个图像(即与标题一起在标签上)。我怎样才能做到这一点?HTML标题图片

谢谢您的阅读。

+1

你的意思是这样?: http://en.wikipedia.org/wiki/Favicon – David 2010-06-23 16:24:16

+0

更好[STI](http://hints.steptoinstall.com/simply-add-favicon-image-to-title-bar-website.html) – KarSho 2015-02-11 11:27:14

+0

[将一个图标添加到静态HTML页面](http: //堆栈溢出。com/questions/9943771/adding-a-favicon-to-a-static-html-page) – TylerH 2016-08-17 16:25:47

回答

42

你需要的是一个favicon.ico文件。 只是把它放在你的网站并链接的根在你的页面

<head> 
    <title>My Site</title> 
    <link rel="shortcut icon" href="favicon.ico" /> 
</head> 

的头你应该把你的网站,它的favicon.ico名的根,因为一些浏览器寻找它甚至如果你没有链接到你的网页上。

4

请头部元素中添加类似这样一行:

<link rel="shortcut icon" href="/somwhere/icon.ico"> 

.ico文件浏览器的老工作当中最好的,当然你可以使用PNG和JPEG文件,太。

3

您正在设置一个favicon。下面是做到这一点的标签:

<link rel="SHORTCUT ICON" href="favicon.ico" /> 

将此标签添加到您的<head />,它会指示网站下载在href引用的图像浏览器。

17

对于跨浏览器的兼容性,似乎有需要两条线用于图标:

TITLE

<title>PAGE TITLE HERE</title> 

图标

<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" /> 
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" /> 

的favicon发生器:

DYNAMIC DRIVE

+0

该图标生成器似乎不再存在 – 2018-01-20 22:57:36

1

我刚刚发现我网上通缉的图标,点击右键,选择“复制图片地址”

<head> 
<title>(title)</title> 
<link rel="shortcut icon" href="(image URL)"/> 
<head> 
+4

该用户正在询问如何设置图标,而不是如何找出特定图片的图片网址。 – eggy 2013-07-04 03:32:06