什麼是超文本參考 (HREF)?

respectSign
這是一個推薦產品對話框
熱門建議
開始於
檢視全部 >
Language
French
English
LangEntry.ChineseTaiwan
ไทย
LangEntry.Dutch
German
繁體中文
國家/地區
你好
All
登入/建立帳戶
language Selector,${0} is Selected
Lenovo Pro 企業採購商店購物
於Lenovo教育商店註冊

專業層次福利

• 在Think日常價格上節省高達額外3%
• 消費滿NT$90,000,升級至Plus層次,享有更多福利

Plus層次福利

• 在Think日常價格上節省高達額外5%
• 消費NT$270,000,免費升級至享有更多福利的精英層次
精英層次福利
• 在Think日常價格上節省高達額外8%
經銷商福利
• 可獲得Lenovo的全部產品組合
• 配置和購買價格優於Lenovo.com
檢視所有詳情 >
spend
再多達到
PRO Plus
PRO 精英
恭喜,您已達到精英地位!
Pro for Business
Delete icon Remove icon Add icon Reload icon
TEMPORARILY UNAVAILABLE
已停產
暫時無法使用
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
登入或創建帳戶以儲存您的購物車!
Sign in or Create an Account to Join Rewards
Temporarilyunavailable
Discontinued
comingsoon
minicart_error_please_view
檢視購物車
您的購物車是空的!
刪除
items in cart
快來選購優惠商品
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
Contains Add-ons
minicart.subTotal
繼續進行結帳
Popular Searches
您今天想找什麼?
Quick Links
Recent Searches
Hamburger Menu
跳至主要內容
{"arrowColor":"#000000","backgroundColor":"#e6f4fa","sideMsg":"","data":[{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page61cbf4d1-6941-47c0-aa27-100706f6076c","language":{"zh_tw":"%3Cp%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E5%8A%A0%E5%85%A5%20Lenovo%20Pro%20%E5%8D%B3%E5%8F%AF%E4%BA%AB%E9%AB%98%E9%81%9492%E6%8A%98%E8%BF%8E%E6%96%B0%E5%84%AA%E6%83%A0%3C%2Fspan%3E%3C%2Fp%3E%3Cp%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E4%BE%86%E9%9B%BB%E8%AB%8B%E6%92%A5%2000801-601-372%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22%2Fbusiness%2Fbenefits%2F%3FipromoID%3Dhellobar_01_lpro_learn%22%20target%3D%22_blank%22%20textvalue%3D%22%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page61cbf4d1-6941-47c0-aa27-100706f6076c"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page5f0af418-70a3-4992-83a7-515d7837cc43","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E5%8A%A0%E5%85%A5%20Lenovo%20Edu%EF%BC%8C%E5%8D%B3%E4%BA%AB%E9%AB%98%E9%81%94NT%243%2C500%E8%BF%8E%E6%96%B0%E6%8A%98%E6%89%A3%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%E4%BE%86%E9%9B%BB%E8%AB%8B%E6%92%A5%2000801-601-372%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%26nbsp%3B%3C%2Fspan%3E%3Ca%20href%3D%22%2Flenovo-edu%2Fstudent%2Fbenefits%2F%3FipromoID%3Dhellobar_02_edu%22%20target%3D%22_blank%22%20textvalue%3D%22%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%22%20style%3D%22text-decoration%3A%20underline%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E5%85%8D%E8%B2%BB%E5%8A%A0%E5%85%A5%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page5f0af418-70a3-4992-83a7-515d7837cc43"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page906d30b7-7583-444b-801e-77f14487743f","language":{"zh_tw":"%3Cp%3E%E5%85%A8%E6%96%B0%20ThinkPad%20P14s%20Gen5%7C%E6%9C%80%E9%AB%98%E5%8F%AF%E6%90%AD%E8%BC%89%20Intel%C2%AE%20Core%E2%84%A2%20Ultra%209%20%E8%99%95%E7%90%86%E5%99%A8%E8%AE%93%E6%82%A8%E9%9A%A8%E6%99%82%E9%9A%A8%E5%9C%B0%E9%AB%94%E9%A9%97%E6%95%88%E8%83%BD%E8%88%87%E5%A8%81%E5%8A%9B%E3%80%82%26nbsp%3B%26nbsp%3B%3Ca%20href%3D%22%2Fp%2Flaptops%2Fthinkpad%2Fthinkpadp%2Flenovo-thinkpad-p14s-gen-5-(14-inch-intel)-mobile-workstation%2Flen101t0106%3FipromoID%3Dhellobar_03_thinkpad-p14s-gen-5%22%20target%3D%22_blank%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Page906d30b7-7583-444b-801e-77f14487743f"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagea3eae5d5-0766-440a-8ec5-bfc750f20e2f","language":{"zh_tw":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E7%B2%BE%E9%81%B8%E5%9E%8B%E8%99%9F%E5%8F%AA%E8%A6%81%202%20%E5%88%B0%203%20%E5%80%8B%E5%B7%A5%E4%BD%9C%E5%A4%A9%E5%85%A7%EF%BC%8C%E5%B0%B1%E8%83%BD%E6%BA%96%E5%82%99%E5%B0%B1%E7%B7%92%EF%BC%8C%E8%A8%AD%E5%AE%9A%E5%AE%8C%E7%95%A2%EF%BC%8C%E5%86%8D%E5%B0%87%E5%80%8B%E4%BA%BA%E9%9B%BB%E8%85%A6%E9%80%81%E5%88%B0%E6%82%A8%E6%89%8B%E4%B8%AD%EF%BC%81%E5%85%A8%E7%AB%99%E5%85%8D%E9%81%8B%E8%B2%BB%EF%BC%8C%E7%84%A1%E6%9C%80%E4%BD%8E%E6%B6%88%E8%B2%BB%E9%99%90%E5%88%B6%E3%80%82%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%3Cbr%2F%3E%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%22%3E%E4%BE%86%E9%9B%BB%E8%AB%8B%E6%92%A5%2000801-601-372%26nbsp%3B%20%26nbsp%3B%20%26nbsp%3B%20%3Ca%20href%3D%22%2Fd%2Fdeals%2Fquickship-laptops%2F%3FipromoID%3Dhellobar_04_quickship%22%20target%3D%22_blank%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22text-wrap%3A%20nowrap%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E7%AB%8B%E5%8D%B3%E8%B3%BC%E8%B2%B7%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fspan%3E%3C%2Fp%3E","en":"","zh":""},"id":"Pagea3eae5d5-0766-440a-8ec5-bfc750f20e2f"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagebb310e8d-be83-4283-b840-ac2f2db28c0b","language":{"zh_tw":"%3Cp%3E%3Cstrong%3E%E3%80%90%E5%B9%B4%E4%B8%AD%E5%A4%A7%E4%BF%83%E5%8B%81%E6%B8%9B%E3%80%91%3C%2Fstrong%3E%20%E7%AD%86%E9%9B%BB%E4%BD%8E%E8%87%B36%E6%8A%98!%20%E4%BD%BF%E7%94%A8%E5%84%AA%E6%83%A0%E7%A2%BC%20%26%2339%3BMIDYEARTW%26%2339%3B%20%E9%A1%8D%E5%A4%96%E6%9C%80%E5%A4%9A%E6%B8%9BNT%243%2C888%26nbsp%3B%20%26nbsp%3B%20%3Ca%20href%3D%22%2Fd%2Fnotebook-recommendation%2F%3FipromoID%3Dhellobar_sitewide_promo%22%20target%3D%22_blank%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%E6%9C%83%E5%93%A1%E7%8E%87%E5%85%88%E6%90%B6%E8%B3%BC%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E","en":"","zh":""},"id":"Pagebb310e8d-be83-4283-b840-ac2f2db28c0b"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc,tablet,mobile"}

什麼是超文本參考 (HREF)?

HREF 是超文本標記語言 (HTML) 中使用的屬性,用於指定連結的目標。當您在網頁上看到可點擊的文字時,其後面可能有 HREF 屬性,將您的瀏覽器指向新頁面或目前頁面的不同部分。將其視為數位路標,告訴您的瀏覽器下一步該去哪裡。

HREF 屬性在超文本標記語言 (HTML) 中是什麼樣子?

HREF 屬性位於 HTML 中的錨標記 (a) 內。例如,如果您想連結到 example.com,您可以在 HTML 中將其編寫為 訪問範例。此程式碼建立一個超鏈接,使用者可以點擊該超連結轉到指定的網址。

相對統一資源定位符 (URL) 如何與 HREF 搭配使用?

當您想要連結到同一網站內的文件時,相對 URL 會與 HREF 一起使用。與提供完整路徑的絕對 URL 不同,相對 URL 是指與目前檔案位置相關的檔案的簡寫形式。因此,如果您連結到同一目錄中的頁面,則可以使用 href="page2.html"。如果您需要進入目錄,您可以使用 href="../page3.html"。

HREF 如何與同一頁上的錨點搭配使用?

HREF 可以使用哈希符號後跟錨點名稱來指向同一頁上的錨點。如果您有一個標示為 id 屬性的部分,例如

HREF 是否允許連結到另一個網頁的特定部分?

當然,如果另一個網頁定義了錨點,HREF 可以連結到該網頁的特定部分。您可以使用頁面的 URL,後面跟著哈希符號和錨點名稱。例如, 將帶您前往「example.com」的「page.html」上標示「section2」的部分。

與 HREF 一起使用時,「tel」屬性有什麼作用?

「tel」屬性可讓您建立一個鏈接,在能夠撥打電話的裝置上點擊該連結即可發起電話呼叫。例如,當用戶點擊「呼叫我們」時,它將開始撥打號碼+1234567890。

HREF 是否可以與超文本傳輸協定 (HTTP) 和安全超文本傳輸協定 (HTTPS) 以外的其他協定一起使用?

是的,HREF 可以與各種協議一起使用。除了用於網頁的HTTP 和HTTPS 以及用於電子郵件的mailto 之外,您還可以使用file 連結到本機或網路磁碟機上的文件,使用ftp 連結到文件傳輸協定(FTP) 伺服器上可用的文件,等等。 HREF 屬性用途廣泛,可根據您的需求支援多種不同的方案。

HREF 連結的 rel 屬性中的「nofollow」值有何意義?

rel 屬性中的「nofollow」值告訴搜尋引擎不要追蹤特定連結。這意味著該連結不會有助於搜尋引擎對網站結構的理解,也不會傳遞任何排名或信任訊號。它通常用於指向不受信任的內容或付費鏈接的鏈接,您不想在其中暗示認可。

將目標屬性設定為「_blank」如何影響與 HREF 的連結?

將目標屬性設為「_blank」會強制連結在新的瀏覽器標籤或視窗中開啟。當您使用 時,它可以確保使用者的當前頁面保持開啟狀態,以便他們在查看連結頁面後輕鬆返回該頁面。

JavaScript 是否以任何方式使用 HREF?

是的,JavaScript 可以透過文件物件模型 (DOM) 操作 HREF。您可以使用 JavaScript 動態變更錨標記的 HREF 屬性,這對於根據使用者互動或 Web 應用程式中的其他條件更新連結非常有用。

HREF可以直接下載檔案嗎?

事實上,您可以使用 HREF 透過指向檔案位置來啟動檔案下載。要提示使用者下載文件而不是導航到該文件,您可以在錨標記中使用“download”屬性,例如 。

HREF 可以用於連結到使用者本機系統中的檔案位置嗎?

從技術上講,您可以使用文件協議創建一個指向本地文件系統上的文件的鏈接,例如 。然而,出於安全原因,當這些類型的連結放置在透過超文本傳輸協定(HTTP) 或安全超文本傳輸協定(HTTPS) 提供服務的網頁上時,現代Web 瀏覽器通常會限制這些類型的鏈接,因為它們可能會被濫用。

我可以使用 HREF 建立滾動到頁面頂部的連結嗎?

是的,HREF 的常見用途是建立「返回頂部」連結。透過將 HREF 屬性設為「#」而不指定元素的 ID,頁面頂部 會建立一個鏈接,點擊該連結會將頁面捲回頂部。

我可以使用 HREF 連結到即時聊天或訊息服務嗎?

是的,您可以在 HREF 中使用特定的統一資源定位器 (URL) 方案來連結到即時聊天或訊息服務。許多聊天平台提供自訂 URL 方案(例如「whatsapp://」),您可以使用它們直接從超連結發起對話(假設使用者已安裝相關應用程式)。

HREF 在響應式設計中扮演什麼角色?

雖然 HREF 本身在響應式設計中不會改變,但處理連結的方式可能會改變。在響應式佈局中,您可能會根據裝置功能擁有不同的連結或不同的行為。例如,「tel」連結僅在可以撥打電話的裝置上才有意義,且 JavaScript 可用於更改 HREF 值,以在不同的螢幕尺寸上提供更好的使用者體驗。

對於已訪問和未訪問的鏈接,HREF 的樣式是否可以不同?

是的,您可以使用級聯樣式表 (CSS) 偽類為已訪問和未訪問的連結設定不同的 HREF 樣式。 ':link' 可用於設定未存取連結的樣式,':visited' 可用於已存取連結。這使您可以向用戶提供有關他們已點擊的連結的視覺回饋。

我想創建一個下拉式選單。項目是否需要 HREF?

如果您的下拉式選單項目觸發導航以外的其他互動(例如在頁面上顯示更多內容或執行 JavaScript 函數),則不需要 HREF。但是,如果下拉式選單中的每個項目都旨在將使用者帶到新頁面,則在這些情況下將使用 HREF。

open in new tab
© 2024 Lenovo。保留所有權利。
© {year} Lenovo. All rights reserved.
比較  ()
removeAll x