HTML `a`標籤

了解使用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>

Next.js 如何在新視窗中開啟連結

以下是在 Next.js 中如何在新視窗中開啟連結的方法: <Link href={url}> <a target="_blank">點擊這個連結</a> </Link> 首先,將 a 標籤包裹在 Link 元件中(這是 Next.js 提供的 Link 元件),然後在 a 標籤內部加入 target="_blank" 屬性,就像在純 HTML 中一樣。 href 屬性保留在 Link 元件上,以便與客戶端路由相容。