HTML中link標籤與a標籤有什麼差別？怎麼使用？

link標籤與a標籤都是用來連結的標籤，但是它們之間有什麼差別呢？本篇文章就來跟大家介紹link標籤與a標籤之間的差異。

首先我們來看看link標籤是什麼？

link標籤是用於連接與該頁面相關的其他頁面的標籤，但是，此標籤與網站的外觀無直接關係。

所以基本上它是在head標籤中寫的。

link標籤通常用於讀取作為外部檔案的CSS和JavaScript，以及讀取名為favicon的web圖示。

a標籤是什麼？

看到鏈接，可能就會有人想到a標籤

a標籤定義超鏈接，用於從一張頁面鏈接到另一張頁面。

下面我們就來看看link標籤與a標籤之間的差異

如如上面的定義所述，link標籤與網站的外觀沒有任何直接關係。

但是，a標籤會在頁面中建立一個超連結元素。

如果要建立基本超鏈接，請使用a標籤，如果要從HTML讀取其他文件，請使用link標籤。

如何使用link標籤？

這些檔案可以與HTML分開，並在外部儲存為.css檔案或.js檔案。

需要使用上面的link標籤讀取該檔案。

我們來看具體的範例

程式碼如下

HTML

   
 
text
 

CSS

.text { color: blue; }

運行結果如下所示

透過以上這種方式，可以看到在style.css中寫的CSS其實是透過link標籤成功的與HTML連結了。

rel屬性指定此HTML和CSS之間的關係， href屬性指定要讀取的檔案的路徑

如何使用a標籤？

a標籤的使用很簡單，我們來看具體範例

    
  php中文网  

運行效果如下所示

#點擊上述的「php中文網」連結就可以跳到php中文網首頁。

以上是HTML中link標籤與a標籤有什麼差別？怎麼使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！