##### 7 錨點應用 錨點( anchor )是超鏈接的一種應用，也叫命名錨記，錨點可以像一個定位器一樣，可以實現頁面內的鏈接跳轉，運用相當普遍。例如，我們有一個網頁，由於內容太多，導致頁面很長，而且裡面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者 ...
7 錨點應用
錨點( anchor )是超鏈接的一種應用，也叫命名錨記，錨點可以像一個定位器一樣，可以實現頁面內的鏈接跳轉，運用相當普遍。例如，我們有一個網頁，由於內容太多，導致頁面很長，而且裡面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者點擊相應的錨點，到達本頁內相應的位置，而不必在一個很長的網頁里自行尋找。又例如，我們頁面中，有個鏈接需要跳轉到另一個頁面的中間或者腳部去，這時候也可以運用上錨點技術來解決這個問題。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>錨點應用</title>
<style>
div{
height: 800px;
background-color: gray;
}
</style>
</head>
<body>
<a href="#c1">第一章</a>
<a href="#c2">第二章</a>
<a href="#c3">第三章</a>
<span id="top"></span>
<div id="c1">第一章內容<a href="#top">返回頂部</a></div>
<div id="c2">第二章內容<a href="#top">返回頂部</a></div>
<div id="c3">第三章內容<a href="#top">返回頂部</a></div>
</body>
</html>
本文來自博客園，作者：生而自由愛而無畏，轉載請註明原文鏈接：https://www.cnblogs.com/zczhaod/p/17638288.html
