Javascript 使用 Href 創建元素

absolute | exp | find | iat | JavaScript | log | mean | median | open | sin

Michael Zippo

一個 HTML 鏈接將您帶到另一個頁面。 標籤定義了一個錨點。 “href”屬性表示當用戶單擊鏈接時將被引導到哪裡。 和結束 標記之間是將顯示給用戶的錨文本。

當您創建網頁時，您可以引用另一個網頁或網站.例如，您可以創建博客並希望鏈接到您認為相關的文章。

超鏈接或鏈接用於將一個網頁鏈接到另一個網頁，並且允許用戶在多個網頁之間快速導航。 超鏈接可用於鏈接到您網站上的其他頁面或不同網站上的頁面。

在本指南中，我們將介紹 HTML 中超鏈接的基礎知識. 我們將討論如何將鏈接目標結合在一起，如何創建書籤錨點以及指向電子郵件地址和 Web 元素的鏈接。

HTML 超鏈接

超鏈接 HTML 指向另一個 Web 資源。超鏈接定義在 標記和 結束標記之間。單擊鏈接時，這兩個標籤之間的文本會將用戶帶到鏈接的 Web 資源。

超鏈接是使用 標籤創建的。以下是 HTML 文件中 link 的語法：

我們在開始標籤中指定的 URL 鏈接標籤之間的文本。我們使用 href 屬性來選擇目標 URL。這可以是絕對 URL 或絕對鏈接，如 https://python.engineering 或指向我們網站的一部分的 URL

這是指向 Karma Career 主頁網址的鏈接示例：

HTML 鏈接標籤類型

在瀏覽器中可以查看三種類型的鏈接。它們是：

• 未訪問的鏈接，以藍色顯示
• 已訪問鏈接，以紫色顯示
• 活動鏈接，以紅色

有些網站會替換這些顏色，這意味著它們看起來不同，但這些是您可以在HTML HTML超鏈接中定義的主要鏈接類型

.:目標

您可以更改鏈接的打開方式。例如，假設您想在用戶 Web 瀏覽器的新選項卡中打開一個鏈接。這將確保用戶不會失去他們當前正在查看的網頁上的位置。

。這就是 targetHTML 鏈接屬性的用武之地。使用 target 鏈接，您可以指定瀏覽器應在何處打開您連接的資源

您可以使用四種類型的目標，它們是：。

• _self：在同一窗口和選項卡中訪問網絡資源。這是 HTML 超鏈接中使用的默認目標
• _parent：.. 訪問父窗口中的網絡資源
• < em>_blank:.在新窗口或標籤頁中訪問網絡資源
• _top：。在完整的瀏覽器窗口中訪問網絡資源

以下是其中一些鏈接的示例：

Hyperlink HTM L: 書籤錨

Hyperlinks HTML 也可以指 HTML 的特定部分 文件。如果您有一個較長的網頁並希望將用戶引導到文本中的特定位置，這將非常有用。

在開始使用錨點之前，對於書籤，您必須首先在所需元素上設置一個 ID 屬性用戶去。以下是在網頁標題上聲明 ID 屬性的示例：

我們為 HTML 標頭標記分配了 ID subtitle3，我們可以將其用作 鏈接中的引用.

這是一個引用此標頭的 link 示例：

而不是在我們的href 中指定一個url標記，我們指定要鏈接到的項目的 ID。讓我們在 id (#) 之前加上哈希，這樣瀏覽器就知道鏈接的文檔在我們的網頁上。

HTML 錨標籤

HTML 錨標籤是指標籤。此標籤將用戶鏈接到另一個 Web 資源。 “href”屬性定義了用戶點擊鏈接時將被定向到的資源。

HTML 錨標籤的例子

我們來看一些使用 HTML 標籤的例子。

相對 URL

如果您要鏈接到正在開發的同一 HTML 文檔上的資源，則可以使用相對 URL。相對 URL 也稱為本地鏈接，不要使用 " https://www.sitename .com " 語法。而不是這個，指向本地服務器上特定文件路徑 Web 資源的相對 URL。

假設我們在職業 Karma 網站上創建了一個鏈接，該鏈接應該指向我們的博客。我們可以使用本地 URL，而不是使用絕對 URL，因為我們的站點是 Karma Career 站點。以下是我們將用於創建此鏈接的代碼：