在HTML中添加內部鏈接的初學者指南

使用ID屬性標籤創建頁面書籤

當您在處理HTML文檔時,如果您希望用戶能夠點擊某個主題並立即將其轉移到文檔中的書籤位置,則ID屬性標籤將派上用場。 當您在文章頂部列出一系列主題,然後將每個主題鏈接到網頁下面的相關部分時,通常會發生這種情況。

HTML文檔通常包含到其他文檔的外部鏈接,但它們也可以包含單個文檔中的鏈接。 點擊一個標籤將閱讀器傳輸到網頁上的特定書籤部分。 最終,可能會鏈接到文檔中的精確像素位置,但現在,您可以使用ID標籤在文檔中創建鏈接和位置。 然後使用href去那裡。 一個標籤標識目的地,第二個標籤標識到目的地的鏈接。

注意:HTML 4和更早版本使用名稱屬性來形成內部鏈接。 HTML 5不支持name屬性,因此使用ID屬性

在文檔中,確定你想要內部鏈接去哪裡。 您可以使用帶有id屬性的錨標籤來標記這些標籤。 例如:

錨文本

接下來,使用錨標記和href屬性創建指向文檔部分的鏈接。 你用一個#表示命名區域。

錨鏈接

訣竅是確保將放在文本或圖像周圍。

在這裡

很多時候,你看到人們在沒有任何東西的情況下使用這些鏈接,但是這並不像圍繞在單詞或圖像周圍的鏈接那樣可靠。 許多瀏覽器喜歡在屏幕頂部放置一些元素; 當你不附上任何東西時,你冒著瀏覽器會感到困惑的風險。

一個鏈接返回到網頁的頂部

當您想要在網頁中添加遠端鏈接以將查看器返回到頁面頂部時,內部鏈接的設置很簡單。 在HTML中,標籤定義了一個鏈接。 href =之後是引用中的目標鏈接的URL(如果鏈接位於同一文檔中,則為縮短的URL),然後是網頁上可見的鏈接文本。 點擊鏈接文本可將您發送到指定的地址。 使用這個語法:

鏈接文字