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