SVG 連結
SVG 連結 - <a>
元素 <a> 用於建立連結。
元素 <a> 可用於文字和圖形。
元素 <a> 有七個基本屬性
| Attribute | 描述 |
|---|---|
| href | 要去的 URL |
| download | 告訴瀏覽器下載 URL 而不是跳轉到它 |
| hreflang | 連結指向頁面的語言 |
| referrerpolicy | 獲取 URL 時要傳送的引用者 |
| rel | 目標物件與連結物件的關係 |
| target | 開啟連結的位置。可以是 _self、_parent、_top、_blank 或一個名稱 |
| type | 連結 URL 的 MIME 型別 |
文字作為超連結
文字作為連結（使用 <a> 元素）
這是 SVG 程式碼
示例
<svg height="30" width="200" xmlns="http://www.w3.org/2000/svg">
<a href="https://w3schools.tw/graphics/" target="_blank">
<text x="5" y="15" fill="red">我愛 SVG!</text>
</a>
</svg>
自己動手試一試 »
程式碼解釋
href屬性定義要去的 URLtarget屬性定義開啟連結的位置（這裡連結將在新視窗/標籤頁中開啟）
圖形作為超連結
一個圓作為連結（使用 <a> 元素）
這是 SVG 程式碼
示例
<svg height="100" width="200" xmlns="http://www.w3.org/2000/svg">
<a href="https://w3schools.tw/graphics/" target="_blank">
<circle r="45" cx="50" cy="50" fill="red" />
</a>
</svg>
自己動手試一試 »
