超連結 <a>
用於指向網頁、文件、電子郵件地址、同一頁面中的位置或任何其他 URL 可定位的功能。
href
連結的到達位置,可以是 id、網址、檔案、email。
內部連結
網站內,各網頁之間的連結。
html
<a href="./about.html">關於我們</a>外部連結
連結至站台以外的地方。
html
<a href="https://docs.f2e.idv.tw">關於我們</a>小提醒
- 外部連結要加上前綴詞
http://。
錨點連結
若該網頁的內容太多而造成網頁過高的情況發生,加入此種連結可方便跳至對應的 id 位置。
html
<a href="#Product">商品介紹</a>
...
<div id="Product">...</div>檔案連結
連結至檔案資源。
html
<a href="./resource/products.docs">檔案下載</a>空連結
沒有目標的連結。通常用在專案過程中,沒有明確的目標,但需要做出連結的效果(手指)。
html
<a href="#">下一張</a>
<a href="javascript:;">下一張</a>電子郵件連結
配合預設的信件軟體進行發送。(Windows 預設為 outlook)
html
<a href="mailto:service@ooxx.com.tw">聯絡我們</a>小提醒
- 外部連結要加上前綴詞
mailto:。
target
連結的開啟位置。
| 值 | 說明 |
|---|---|
_self | 當前分頁。(預設) |
_blank | 開新分頁。 |
_parent | 開至父層頁框。若無父層,則與 _self 相同。 |
_top | 開至最外層頁框。若無最外層,則與 _self 相同。 |
