Skip to content

超連結 <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 相同。