HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽有哪些區(qū)別

發(fā)布時(shí)間：2020-09-16 10:17:28 來源：億速云閱讀：478 作者：小新欄目：web開發(fā)

這篇文章主要介紹HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽有哪些區(qū)別，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

首先我們來看看link標(biāo)簽是什么？

link標(biāo)簽是用于連接與該頁面相關(guān)的其他頁面的標(biāo)簽，但是，此標(biāo)簽與網(wǎng)站的外觀無直接關(guān)系。

所以基本上它是在head標(biāo)簽中寫的。

link標(biāo)簽通常用于讀取作為外部文件的CSS和JavaScript，以及讀取名為favicon的web圖標(biāo)。

a標(biāo)簽是什么？

看到鏈接，可能就會有人想到a標(biāo)簽

a標(biāo)簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。

下面我們就來看看link標(biāo)簽與a標(biāo)簽之間的區(qū)別

如上面的定義所述，link標(biāo)簽與網(wǎng)站的外觀沒有任何直接關(guān)系。

但是，a標(biāo)簽會在頁面中創(chuàng)建一個(gè)超鏈接元素。

如果要創(chuàng)建基本超鏈接，使用a標(biāo)簽，如果要從HTML讀取其他文件，使用link標(biāo)簽。

如何使用link標(biāo)簽？

這些文件可以與HTML分開，并在外部保存為.css文件或.js文件。

需要使用上面的link標(biāo)簽讀取該文件。

我們來看具體的示例

代碼如下

HTML

<html>
<head>
    <link rel="stylesheet" href="style.css">
</head>
    <div class="text">text</div>
</html>

CSS

.text {
    color: blue;
    }

運(yùn)行結(jié)果如下所示

HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽有哪些區(qū)別

通過以上這種方式，可以看到在style.css中編寫的CSS實(shí)際上是通過link標(biāo)簽成功的與HTML連接了。

rel屬性指定此HTML和CSS之間的關(guān)系， href屬性指定要讀取的文件的路徑

如何使用a標(biāo)簽？

a標(biāo)簽的使用很簡單，我們來看具體示例

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<a href="http://www.php.cn/">億速云</a>
</body>
</html>

運(yùn)行效果如下所示

HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽有哪些區(qū)別

點(diǎn)擊上述的“億速云”鏈接就可以跳轉(zhuǎn)到億速云首頁。

以上是HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽有哪些區(qū)別的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡