了解使用HTML a標籤創建連結的基礎知識。

連結是使用a標籤來定義的。連結的目的地是通過其href屬性來設置。

例如:

<a href="https://flaviocopes.com">點擊這裡</a>

在起始標籤和結束標籤之間是連結的文字內容。

上面的例子是絕對URL。連結也可以使用相對URL:

<a href="/test">點擊這裡</a>

在這種情況下,點擊連結時,用戶會被移動到當前源頭的/testURL。

注意/字符的使用。如果省略,而不是從源頭開始,瀏覽器只會將test字符串添加到當前URL中。

例如,我在頁面https://flaviocopes.com/axios/上,有以下鏈接:

  • /test點擊後會將我帶到https://flaviocopes.com/test
  • test點擊後會將我帶到https://flaviocopes.com/axios/test

連結標籤內部可以包含其他元素,而不僅僅是文字。例如,圖像:

<a href="https://flaviocopes.com">
 <img src="test.jpg">
</a>

或者其他任何元素,除了其他的<a>標籤。

如果你想在新標籤中打開連結,你可以使用target屬性:

<a href="https://flaviocopes.com" target="\_blank">在新標籤中打開</a>