溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇內(nèi)容介紹了“HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽實(shí)例分析”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
首先我們來看看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)簽是什么？
看到鏈接，可能就會(huì)有人想到a標(biāo)簽
a標(biāo)簽定義超鏈接，用于從一張頁面鏈接到另一張頁面。
下面我們就來看看link標(biāo)簽與a標(biāo)簽之間的區(qū)別
如上面的定義所述，link標(biāo)簽與網(wǎng)站的外觀沒有任何直接關(guān)系。
但是，a標(biāo)簽會(huì)在頁面中創(chuàng)建一個(gè)超鏈接元素。
如果要?jiǎng)?chuàng)建基本超鏈接，使用a標(biāo)簽，如果要從HTML讀取其他文件，使用link標(biāo)簽。
如何使用link標(biāo)簽？
這些文件可以與HTML分開，并在外部保存為.css文件或.js文件。
需要使用上面的link標(biāo)簽讀取該文件。
我們來看具體的示例
代碼如下
HTML
1 2 3 4 5 6 | <html> <head> <link rel="stylesheet" href="style.css"> </head> <div class="text">text</div> </html> |
CSS
1 2 3 | .text { color: blue; } |
運(yùn)行結(jié)果如下所示
通過以上這種方式，可以看到在style.css中編寫的CSS實(shí)際上是通過link標(biāo)簽成功的與HTML連接了。
rel屬性指定此HTML和CSS之間的關(guān)系， href屬性指定要讀取的文件的路徑
如何使用a標(biāo)簽？
a標(biāo)簽的使用很簡(jiǎn)單，我們來看具體示例
1 2 3 4 5 6 7 8 9 | <!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="http://www.php.cn/">php中文網(wǎng)</a> </body> </html> |
運(yùn)行效果如下所示
“HTML中l(wèi)ink標(biāo)簽與a標(biāo)簽實(shí)例分析”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
