2010-06-23 92 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