教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

創(chuàng)建錨點鏈接的方法是什么？為什么要創(chuàng)建錨點鏈接？

更新時間:2020年12月24日16時53分 來源:傳智教育 瀏覽次數(shù):

傳智教育-一樣的教育，不一樣的品質(zhì)

　　如果網(wǎng)頁內(nèi)容較多，頁面過長，瀏覽網(wǎng)頁時就需要不斷地拖動滾動條來查看所需要的內(nèi)容，這樣不僅效率較低，而且不方便操作。為了提高信息的檢索速度，HTML語言提供了一種特殊的鏈接——錨點鏈接。通過創(chuàng)建錨點鏈接，用戶能夠直接跳到指定位置的內(nèi)容。示例代碼如下：

  <ul>

  <li><a href="#one">福田繁雄</a></li>

    <li><a href="#two">西摩·切瓦斯特</a></li>

    <li><a href="#three">岡特·蘭堡</a></li>

    <li><a href="#four">原研哉</a></li>

    <li><a href="#five">田中一光</a></li>

  </ul>

　　運行示例代碼，效果如圖1所示。

1608801021203_1.jpg

　　圖1 錨點鏈接的使用

　　通過圖1看出，網(wǎng)頁頁面內(nèi)容比較長而且出現(xiàn)了滾動條。當(dāng)鼠標(biāo)單擊“原研哉”的鏈接時，頁面會自動定位到相應(yīng)的內(nèi)容介紹部分，頁面效果如圖2所示。

1608801032995_2.jpg

　　圖2 頁面跳到相應(yīng)內(nèi)容的指定位置

　　通過上面的例子可以總結(jié)出，創(chuàng)建錨點鏈接可分為兩步：一是使用標(biāo)簽應(yīng)用href屬性(href屬性= "#id名"，id名不可重復(fù))創(chuàng)建鏈接文本;二是使用相應(yīng)的id名標(biāo)注跳轉(zhuǎn)目標(biāo)的位置。





猜你喜歡：

創(chuàng)建超鏈接的基本語法有哪些？

相鄰塊元素垂直外邊距合并的方法

JavaScrip中如何獲取標(biāo)簽屬性？

傳智教育web前端培訓(xùn)課程

0 分享到：
和我們在線交談！