更新時間:2020年12月24日16時53分 來源:傳智教育 瀏覽次數:
如果網頁內容較多,頁面過長,瀏覽網頁時就需要不斷地拖動滾動條來查看所需要的內容,這樣不僅效率較低,而且不方便操作。為了提高信息的檢索速度,HTML語言提供了一種特殊的鏈接——錨點鏈接。通過創建錨點鏈接,用戶能夠直接跳到指定位置的內容。示例代碼如下:
運行示例代碼,效果如圖1所示。
圖1 錨點鏈接的使用
通過圖1看出,網頁頁面內容比較長而且出現了滾動條。當鼠標單擊“原研哉”的鏈接時,頁面會自動定位到相應的內容介紹部分,頁面效果如圖2所示。
圖2 頁面跳到相應內容的指定位置
通過上面的例子可以總結出,創建錨點鏈接可分為兩步:一是使用標簽應用href屬性(href屬性= "#id名",id名不可重復)創建鏈接文本;二是使用相應的id名標注跳轉目標的位置。
猜你喜歡: