要實現書籤,你就要了解,什麼是錨(anchor)。錨(anchor)是引自船隻上的錨,錨被拋下後,船隻就不容易飄走、迷路。實際上錨就是用於在單一頁面內不同位置的跳轉,有的地方叫做書籤。牽涉到的標籤當然還是< a>標籤,超級連結標籤的name屬性用來定義錨的名稱,一個頁面可以定義多個錨,透過超級連結的href屬性可以根據name跳到對應的錨。 如下實現跳轉:
<a href="#跳转目的地名称">跳转起始字符</a> ... ... ... <a name="跳转目的地名称">跳转目的地字符</a>
下面我們就來具體的實作下:
<html> <head> <title>HTML</title> </head> <body style="font-size:20px"> <p style="text-align:center">网页书签</p> <p> <a href="#c1">网页一</a> </p> <p> <a href="#c2">网页二</a> </p> <p> <a href="#c3">网页三</a> </p> <p> <a href="#c4">网页四</a> </p> <p> <a href="#c5">网页五</a> </p> <h1><a name="c1"></a>网页链接一</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c2"></a>网页链接二</h1> <p>lalalaalalal</p> <p>内容</p> <p>lalalaalalal</p> <h1><a name="c3"></a>网页链接三</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c4"></a>网页链接四</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c5"></a>c网页链接五</h1> <p>lalalaalalal</p> <p>lalalaalalal</p> <p>内容</p> </body> </html>##點擊實現跳轉
#下一節