HTML<a>標(biāo)簽是一段代碼，用于添加從一個(gè)Web資源到另一個(gè)Web資源的鏈接。它也稱為錨標(biāo)記或錨元素。<a>標(biāo)簽可以鏈接的資源包括網(wǎng)頁、電子郵件地址、圖像和視頻。如果<a>標(biāo)簽創(chuàng)建從一個(gè)資源到同一網(wǎng)站上的另一個(gè)資源的鏈接，則該鏈接稱為“內(nèi)部鏈接”。但是，如果<a>標(biāo)記創(chuàng)建從一個(gè)資源到不同網(wǎng)站上的另一個(gè)資源的鏈接，則該鏈接稱為“外部鏈接”。繼續(xù)閱讀以了解有關(guān)HTML<a>標(biāo)記的更多信息，包括它們的優(yōu)點(diǎn)。以及如何檢測(cè)您的技術(shù)問題。
HTML錨標(biāo)記在哪里使用？
網(wǎng)站在任何想要鏈接到其他資源的地方都使用HTML中的錨標(biāo)記。HTML代表“超文本標(biāo)記語言”。它是網(wǎng)絡(luò)開發(fā)人員用來創(chuàng)建網(wǎng)頁的語言之一。它包含錨標(biāo)記，可以幫助單擊它們的讀者“跳轉(zhuǎn)”到不同的文章部分。指向同一頁面上的內(nèi)容的錨標(biāo)記稱為“錨鏈接”或“跳轉(zhuǎn)鏈接”。
HTML<a>標(biāo)簽的組成部分有哪些？
<a>標(biāo)簽有四個(gè)組成部分：
開始標(biāo)簽：表示<a>標(biāo)簽的開始
標(biāo)簽屬性和屬性值：表示標(biāo)簽鏈接到的頁面。并影響用戶單擊標(biāo)簽時(shí)標(biāo)簽的行為方式。
錨文本：用戶點(diǎn)擊訪問鏈接的文本
結(jié)束標(biāo)簽：“<a>”，表示<a>標(biāo)簽的結(jié)束
<a>標(biāo)簽屬性
以下是一些常見的HTML<a>屬性：
1.Href：
“Href”代表“超文本引用”。它指出<a>標(biāo)記應(yīng)鏈接到的資源。與其他<a>標(biāo)記屬性不同，在<a>標(biāo)記中使用“href”屬性是強(qiáng)制性的。否則，該鏈接將不起作用，因?yàn)樗话嘘P(guān)其預(yù)期目的地的信息。
2.Rel
“Rel”是“關(guān)系”的縮寫。它說明當(dāng)前資源與其鏈接資源之間的關(guān)系。其他“rel”屬性值包括：
Nofollow：告訴搜索引擎不要將“鏈接汁”從當(dāng)前頁面?zhèn)鬟f到<a>標(biāo)記中的頁面。（稍后將詳細(xì)介紹“鏈接汁”的傳遞。）
Noopener：一種安全措施，當(dāng)用戶單擊在新選項(xiàng)卡或窗口中打開的鏈接時(shí)，防止鏈接的資源控制當(dāng)前頁面。因此，鏈接的資源無法將用戶重定向到網(wǎng)絡(luò)釣魚詐騙或其他不安全的頁面。
Noreferrer：禁止鏈接資源將當(dāng)前頁面識(shí)別為其訪問者來源。這樣，像Google Analytics(GA4)這樣的網(wǎng)絡(luò)分析服務(wù)就會(huì)在報(bào)告中將這些訪問者歸類為“直接流量”。而不是將這些訪問者歸類為“推薦流量”并將當(dāng)前頁面命名為推薦源。即使<a>標(biāo)簽沒有“noopener”屬性，“Noreferrer”也會(huì)帶來“noopener”屬性的效果。
單個(gè)“rel”屬性可以包含多個(gè)值。
3.Target
“Target”屬性告訴用戶的瀏覽器在哪里打開鏈接的資源。如果<a>標(biāo)簽不包含“target”屬性值，它將默認(rèn)為“_self”的“target”屬性值。這會(huì)在同一框架中打開鏈接的資源。一個(gè)流行的“目標(biāo)”屬性是“_blank”。這將在新的瀏覽器選項(xiàng)卡或窗口中打開鏈接的資源。
HTML<a>標(biāo)簽與HTML<link>標(biāo)簽有什么區(qū)別？
HTML中的“a href”標(biāo)簽不要與鏈接標(biāo)簽混淆。這是HTML<link>標(biāo)記的結(jié)構(gòu)：
<link【link tag attributes go here】/>
Web開發(fā)人員在頁面的<head>部分中使用鏈接標(biāo)簽來聲明資源的“鏈接”或與另一個(gè)資源的關(guān)系。例如：
通過使用規(guī)范屬性，作為同一頁面的相似版本的“主副本”的頁面
使用hreflang屬性顯示另一種語言和區(qū)域變體的頁面
鏈接標(biāo)簽沒有結(jié)束</link>標(biāo)簽；它們是自我封閉的。這意味著它們本身就是完整的標(biāo)簽，不需要關(guān)閉。相比之下，Web開發(fā)人員在頁面的<body>部分中使用HTML<a>標(biāo)記來添加從一個(gè)資源到另一個(gè)資源的“超鏈接”（或簡(jiǎn)稱“鏈接”）。他們還需要用</a>來結(jié)束每個(gè)<a>標(biāo)記。
使用錨標(biāo)簽有什么好處？
錨標(biāo)簽可以幫助您：
1.改善用戶導(dǎo)航體驗(yàn)
通過使用錨標(biāo)記將網(wǎng)站的資源鏈接在一起，您可以幫助用戶發(fā)現(xiàn)其中的其他內(nèi)容。以如下方式：
讓用戶瀏覽您網(wǎng)站的各個(gè)部分。對(duì)于導(dǎo)航菜單中的內(nèi)部鏈接。
使用戶能夠方便地跳到頁面的特定部分。在錨鏈接的情況下。
引導(dǎo)用戶查看您在當(dāng)前頁面上簡(jiǎn)要提到的主題的詳細(xì)指南。這對(duì)于構(gòu)建內(nèi)容支柱特別有幫助。
推薦其他頁面供用戶在閱讀完當(dāng)前頁面后查看。鼓勵(lì)用戶繼續(xù)與您的網(wǎng)站互動(dòng)更長(zhǎng)時(shí)間。
如果您不以這些方式添加頁面鏈接，用戶可能不會(huì)意識(shí)到它們。更不用說能夠?qū)Ш降剿鼈円圆榭雌鋬?nèi)容了。
2.通過內(nèi)部鏈接傳遞鏈接汁
“鏈接權(quán)重”或鏈接資產(chǎn)是指由于另一個(gè)頁面鏈接到該頁面而導(dǎo)致該頁面在搜索引擎眼中的權(quán)威性增加。這種增加的發(fā)生是因?yàn)橹赶蚰硞€(gè)頁面的鏈接可以代表對(duì)該頁面的有用性的信任投票。頁面收到的來自權(quán)威網(wǎng)站的鏈接越多，這些網(wǎng)站可能傳遞給它的鏈接就越多。因此，搜索引擎可能會(huì)認(rèn)為該頁面更具權(quán)威性。并在搜索結(jié)果中排名更高。高權(quán)威頁面還可以通過鏈接到同一網(wǎng)站上的其他頁面來將鏈接權(quán)傳遞給它們。因此，請(qǐng)利用這個(gè)簡(jiǎn)單的機(jī)會(huì)，通過添加高權(quán)威頁面的內(nèi)部鏈接來提高頁面的權(quán)威性。
如何創(chuàng)建HTML<a>標(biāo)簽？
現(xiàn)代網(wǎng)站平臺(tái)（例如WordPress）使創(chuàng)建鏈接的HTML<a>標(biāo)記變得簡(jiǎn)單。無需編碼。確切的步驟可能有所不同。但它們通常涉及將錨文本輸入網(wǎng)站平臺(tái)的內(nèi)容編輯器：
突出顯示該文本。
單擊編輯器的“鏈接”圖標(biāo)，然后鍵入（或復(fù)制并粘貼）文本應(yīng)鏈接到的URL。
按鍵盤上的“Enter”或“Return”進(jìn)行確認(rèn)。
這樣就可以了。您已經(jīng)創(chuàng)建了鏈接，而無需自己鍵入其底層HTML<a>標(biāo)記。
Tabpear
專欄
閩公網(wǎng)安備 35010202001226號(hào)
