09-使用a标签实现锚链接的两种方法
生活随笔
收集整理的這篇文章主要介紹了
09-使用a标签实现锚链接的两种方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a標簽實現錨點</title>
</head>
<!--
錨點實現
如果想要跳轉到當前頁面，那么href的值可以設置為#
1、利用a標簽的name屬性
2、利用其它標簽的id屬性
-->
<body>
<p id="top">假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p><a href="" name="nr1">內容1</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>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<p>假裝有很多內容</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<a href="#top" >回到頂端</a>
<hr/>
<a href="#nr1">回到內容1</a>
</body>
</html>
這世上所有美好的東西，都需要踮起腳尖。
總結
以上是生活随笔為你收集整理的09-使用a标签实现锚链接的两种方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mac pro使用2K(2056*144
- 下一篇： [CATARC_2017S] Week