/

HTML `a`標籤

HTML a標籤

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

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

例如：

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

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

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

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

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

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

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

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

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

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

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

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

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

tags: [“HTML”, “基礎知識”, “連結”]