2-8:HTML 的 a 標籤

HTML 的 <a> 標籤(Anchor Tag)主要用於建立超連結,可以連結到其他網頁、檔案、電子郵件地址,甚至是同一頁面的錨點。這是讓網頁具有互動性和導覽功能的重要元素。

基本用法:

<a href="連結網址">顯示的文字或內容</a>
  • 連結到其他網站
    • <a href= "http://www.google.com">google</a>
  • 連結到同一網站內的網頁
    • <a href= "product.html">產品</a>
  • 連結到同一網頁內的特定位置(錨點)
    • 使用id屬性建立書籤 <p id="bookmark1">ooo</p>
    • 再做超連結 <a href= "#bookmark1">標題一 </a>
  • 連結電子郵件位址
    • <a href= "mailto:@test.com "> 寄信給我 </a>
    • <a href= “mailto:@test.com ?subject=test”> 寄信給我 </a> 加上主旨

 

常用屬性

  • href:指定連結的目標網址或錨點。
  • target:決定連結的開啟方式。
  • title:提供連結的提示文字,滑鼠懸停時顯示。
  • rel:定義連結與當前文件的關係(例如:nofollow, noopener)。
  • download:提示用戶下載資源,而非直接開啟。

target 的用法

  • _self:在當前視窗或框架中開啟(預設值)。
  • _blank:在新分頁或新視窗中開啟。
  • _parent:在父框架中開啟(適用於框架頁面)。
  • _top:在最外層框架中開啟,通常用於脫離框架。