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

html如何實現頁內跳轉

coldplay.xixi
發布: 2023-01-05 16:12:01
原創
12628 人瀏覽過

html實現頁內跳躍的方法:1、使用預設連結錨記;2、href指向特定ID,程式碼為【超連結< /a>】;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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板