1. 程式人生 > >如何設定網頁位址列前面的標誌favicon圖示?

如何設定網頁位址列前面的標誌favicon圖示?

是不是開啟一些比較大型的網站,網頁的位址列前面都有該網站的標誌,
網頁標誌ico如何設定?
位址列標誌favicon.ico?

如何讓網站的圖標出現在位址列上?
在收藏夾和位址列前面新增ICO圖示?
如:百度,163,新浪等.如圖
:37計favicon圖示裁圖.


favicon.ico 是一種格式,一般用於網頁位址列前或者在標籤上以縮略方式顯示網站標誌,也可以拖曳favicon到桌面以建立到網站的快捷方式。
為什麼要設定 favicon圖示,
以影象形態顯示,比文字顯示更能加深瀏覽者的記憶和印像。
可以塑造網站的品牌。這也是在網站推廣的範疇之內,
可 以讓瀏覽器的收藏夾中除顯示相應的標題外,還以圖示的方式區別不同的網站。
給人以更專業的感覺。

如何設定網頁圖示

如何設定:
製作一個16×16畫素的影象(logo),也可以製作一個200×200畫素的影象或更大,然後等比列縮小為16×16 畫素,(200×200畫素方便製作,favicon的規格一般為16×16畫素)

可以用相關軟體把jpg格式轉換成ico圖示格式。

我是用線上生成的,這樣方便快捷。
1、開啟
http://www.chami.com/html-kit/services/favicon/
2、頁面裡有個瀏覽按鈕,點選找到你剛才做的影象(logo).
3、點選 Generate FavIcon.ico 按鈕提交
4、稍等片刻後,你的favicon.ico將會自動生成,可以點選旁邊的儲存按鈕將 favicon.ico下載到本地。
5、上傳favicon.ico檔案到網站根目錄下
6、最後在網頁首面HTML 的<head>……</head>標籤之間插入程式碼:<link rel="shortcut icon" href="favicon.ico">

 如果不出現,按Ctrl+F5 強制重新整理.IE6好像不太支援favicon圖示,

相關推薦

如何設定網頁前面標誌favicon圖示?

是不是開啟一些比較大型的網站,網頁的位址列前面都有該網站的標誌,網頁標誌ico如何設定? 位址列標誌favicon.ico? 如何讓網站的圖標出現在位址列上? 在收藏夾和位址列前面新增ICO圖示? 如:百度,163,新浪等.如圖 :37計favicon圖示裁圖. fav

設定網頁中的小圖示

     網頁中如何設定在網頁位址列中的小圖示: 下面我們就講講:   <link rel="SHORTCUT ICON" href="http://****/*****.ico">   <link rel="BOOKMARK" href="http

前端Js獲取網頁引數!

 function get(name){    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");    var r = window.location.search.s

網頁?和&的意義

請看下圖   一般來說,只有form 表單中的get請求方式才會顯示引數在位址列上.而post就不會顯示,相對安全. 來解釋一下?和&的含義: ? : 前面表示地址,後面表示引數 & : 用來分隔多個引數. 其中: ?也相當於起到一個標識作

設為首頁&&加入收藏夾&&禁止複製&&顯示自己的圖示&&去掉超連結的下劃線&&jsp頁面呼叫線上播放器

1.設為首頁 怎麼實現 <a target="_blank"        onclick="this.style.behavior='url(#default#homepage)';this.

Zencart如何新增上的小圖示

在zen-cartseo位址列上新增一個小圖示,可以讓自己的網站看起來更漂亮,更完整。給顧客一種品牌的概念。首先我們要找到一張適合你的網站風格的圖片,然後進行修改。網上有很多製作工具,比如http://www.bitbug.net/,http://www.ico.la/等

去掉Tomcat網站的小貓圖示

  當我們開啟CSDN等網站時,在位址列前面就會出現紅色的C狀圖示,如果在桌面新建此連結的快捷方式,則桌面圖示也自動變為該位址列ICO圖示。在基於TOMCAT的BS應用或網站開發時,預設的圖示為黃色的小貓咪。為了符合自己的需要,我們更喜歡用自己想要的圖示,方法如下: 首

Nginx設定Laravel專案中圖片防盜鏈以及禁止直接訪問圖片

為了防止圖片盜用,禁止外鏈以及禁止位址列直接訪問圖片是必不可少的方案,當然這樣的限制還比較基礎,還是有別的途徑可以盜圖的,更多的限制之後會追加,現在先做好這兩個基礎防護。 location ~ .*\.

網頁title左側,左側,收藏夾地址加logo的實現

先說說什麼意思吧: 開啟百度,首先瀏覽器tab頁籤左邊顯示百度圖示和“百度一下,你就知道”,同時位址列也有百度的圖示。 如果我們把這個網址新增到收藏夾,發現地址前也有百度的logo。 這個logo的新增方法其實很簡單。 <head> <meta h

Google Chrome設定預設為Google搜尋

Google Chrome 使用習慣了,一般情況下在Chrome位址列搜尋的時候預設的是google.com.hk,而自己都是用的google.com,設定如下: 在Chrome ---> 設定 ---> 搜尋 ---> 管理搜尋引擎作如下配置: Goo

React PureComponent導致react-router-dom Link 失效 路由跳轉失敗(變,頁面不跳轉)

載入路由的元件 不能 extends PureComponent entry.js import React, { Component } from 'react' import { BrowserRouter } from 'react-router-dom' import

獲取URL的屬性

1 // alert(getQueryString('departmentName')); 2 3 function getQueryString(name) { 4 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&

解析中的查詢字串引數,返回物件

1.code: function getQueryStrObject() { var search = location.search, qs = search.length > 0 ? search.substring(1) : "", i

原生JavaScript 獲取引數

用正則來匹配(強烈推薦,簡潔快速) function getQuery(name) { // 用該屬性獲取頁面 URL 地址從問號 (?) 開始的 URL(查詢部分) var url = window.location.search; // 正則篩選位址列

vue專案獲取引數(非路由傳參)

在專案中,遇到一個需求,就是另一個系統直接跳轉到我們專案中的某個頁面,不需要做使用者的校驗直接單純的跳轉新頁面,再初始化查詢資料,引數以位址列的形式傳入 由於原來專案做過許可權控制,所以在路由那邊需要進行配置(部分程式碼): const newPage = { path:'/newPage', compon

引數擷取成鍵值對

getString (str) { let str1 = str.split('&') let strArr = [] str1.forEach(element => { let str2 = element.split('=')

JS獲取引數整理

方法1、 //取連結中引數的值  function GetUrlParms() {     var args = new Object();     var query = location.search.substring(1);//獲取查詢串

JS中引數的獲取

1 function getParamer(paramer) { 2 3 var url = window.location.href.split("?")[1]; /* 獲取url裡"?"後面的值 */ 4 if (url.indexOf("&

JS採用正則表示式獲取引數

getQueryString:function(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = decodeURI(decodeURI(window.location.search)

tornado獲取get,post,,headers中的資訊

# tornado讀取客戶端提交的訪問引數演示 #獲取引數用 arg=self.get_query_argumnet() -----get方式 #args=self.get_query_arguments() -----get方式 #異常,不傳遞引數時的處理 #post方式獲取引數 ''