超連結】;3、使用自定義連結錨記。"/> 超連結】;3、使用自定義連結錨記。">

首頁 >web前端 >html教學 >html如何實現頁內跳轉

html如何實現頁內跳轉

coldplay.xixi
coldplay.xixi原創
2021-04-27 16:27:0412636瀏覽

html實現頁內跳躍的方法:1、使用預設連結錨記;2、href指向特定ID,程式碼為【4deb9c0f68e6d4d097f85109839e8825超連結16ef26f8b7ea0fc89bdf90e275a93e5d】;3、使用自訂連結錨記。

html如何實現頁內跳轉

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html實作頁內跳轉的方法:

1、使用預設連結錨定

#最簡單的方法,只要新增一個超鏈接,給超鏈接的href屬性設定值為“#top”即可實現返回頂部的功能。

<a href="#top">
超链接
</a>

2、href指向特定ID

在頁面現有的標籤中,使用「返回頂部」的連接的href指向頂部具有id屬性的標籤,以實現返回頂部的功能。這種方法,需要在頁面頂部的標籤中有具有id屬性的標籤,來實現指向頂部。亦可自訂添加。

<body id="bh-page">
...
<a href="#bh-page">
     超链接
</a>   
</body>

3、使用自訂連結錨定

這種方法,就是使用的自訂連結錨記了,必須要定義錨記,然後使用超連結指向錨記。

這種方法其實跟第二種方法差不多,只不過必須額外定義一個連結錨記。

<a name="gohere"></a>//定义一个超链接,跳转到这个,可以没有文字
.....
<a href="#gohere">
超链接
</a>

相關學習推薦:html影片教學

#

以上是html如何實現頁內跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn