首頁  >  文章  >  web前端  >  用a連結實作跳轉至本頁面或另一個頁面的某個部分(程式碼實例)

用a連結實作跳轉至本頁面或另一個頁面的某個部分(程式碼實例)

云罗郡主
云罗郡主轉載
2018-10-18 16:44:244451瀏覽

    這篇文章帶給大家的內容是關於用a連結實現跳轉至本頁或另一個頁面的某個部分(程式碼實例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

跳到本頁某個部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="#aaa">跳转至aaa处</a><br/>
<a name="aaa">我是aaa处</a>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
<p>... ... ... ... ... ...</p>
</body>
</html>
注:1. 必须保证跳转到的部分其后的内容能够覆盖整个浏览器的高度否则无法看出效果。 
  2.<a href="#name">...</a>和<a name="name">...</a>必须配对使用。 
    3.也可将<a name="name">改为<a id="name">。

以上就是對用a連結實作跳轉至本頁或另一個頁面的某個部分(程式碼實例)的全部介紹,如果您想了解更多有關HTML影片教學,請追蹤PHP中文網。

以上是用a連結實作跳轉至本頁面或另一個頁面的某個部分(程式碼實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除