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:在最外層框架中開啟,通常用於脫離框架。