html的link標簽怎么使用?


html的link標簽怎么使用?link標簽是放在<head>與</head>之間的,把link放入這對符號中間<>,寫成這樣<link>,然后在link后面添加屬性和屬性對應的值,

新手網友看到這里估計一頭霧水,別擔心,范如樂舉個例子你就懂了,比如:

<link rel=”icon” href=”/favicon.ico”/>

這段代碼的作用是給html文檔加入了一個瀏覽器可以顯示的小圖標,如圖:

html的link標簽怎么使用?

也就是你正在閱讀的這個網頁,在瀏覽器上面顯示的一張小圖標,范如樂這里用的是自己的照片。

我們可以看到,在這段代碼中,<link>標簽里面放入了兩個屬性:

第一個屬性是rel,對應的值是”icon”,用=連接,icon表示該文檔的圖標。

第二個屬性是href,對應的值是”/favicon.ico”,用=連接,規定被鏈接文檔的位置。

補充說明:/favicon.ico這個鏈接地址在代碼里面使用的是相對路徑,完整的路徑是http://www.lmaocr.com/favicon.ico你點擊一下就能訪問到這個小圖標了,但是相對地址是訪問不了的。

然后愛學習的網友就會問了:范如樂,為什么要使用相對地址呀?

因為相對地址前面的部分都是一樣的,也就是http://www.lmaocr.com,這個地址沒必要重復寫。

而且如果每個網頁的每條鏈接都重復寫,代碼的數量就會多很多,網頁的數據就會變大,加載就會變慢,簡單理解就是重復的東西不要重復寫到代碼里面。

最后用空格/關閉這個link標簽,表示這個標簽寫完了??吹竭@里,網友們應該學會html的link標簽怎么使用了吧?

當然,不同的屬性、不同的值,它的作用是不一樣的,詳見《html的link標簽是什么意思?》一文。

除了上面這個例子,link標簽最常用的就是引入css(控制網頁的樣式),具體的講解,請點擊閱讀:《link標簽怎么引入css?》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/html/7658.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: