錨點鏈接如何實現(xiàn)

發(fā)布時間：2020-09-26 10:16:06 來源：億速云閱讀：234 作者：小新欄目：web開發(fā)

小編給大家分享一下錨點鏈接如何實現(xiàn)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)頁內(nèi)容過多時我們可以使用錨點鏈接來進行位置的跳轉(zhuǎn)，通過錨點鏈接我們不但可以指向文檔，還能指向頁面里的特定段落，這樣就會便于我們來瀏覽網(wǎng)頁中的內(nèi)容，那么，錨點鏈接怎么實現(xiàn)呢？

方法一：使用id來進行錨點定位

我們來看具體的示例

代碼如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<a href="#string">跳轉(zhuǎn)</a>
<hr/>
<br><br><br><br><br>
<br><br><br><br><
<br><br><br>
<br><br>
<br><br>
<br><br>
<br>
<br>
<br>
<a id="string">hello,I'm here!</a>
</body>
</html>

運行效果如下

錨點鏈接如何實現(xiàn)

當點擊“跳轉(zhuǎn)”時會跳轉(zhuǎn)到“hello,I'm here!”，效果如下

錨點鏈接如何實現(xiàn)

會跳轉(zhuǎn)到當前頁面的“hello,I'm here!”。

方法二：使用name屬性來實現(xiàn)錨點鏈接

來看具體的示例

代碼如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<a href="#string">跳轉(zhuǎn)</a>
<hr/>
<br><br><br><br><br>
<br><br><br><br><
<br><br><br>
<br><br>
<br><br>
<br><br>
<br>
<br>
<br>
<a name="string">hello,I'm here!</a>
</body>
</html>

也是當鼠標點擊“跳轉(zhuǎn)”時，會跳轉(zhuǎn)到當前頁面的“hello,I'm here!”。

以上是錨點鏈接如何實現(xiàn)的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

錨點鏈接如何實現(xiàn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽