1.4 超鏈接 1.4.1 基礎語法 基礎語法: <a href="網頁地址"> </a> 拓展參數: <a href="網頁地址" target="跳轉方式"> </a> | href | 跳轉鏈接地址 | | | | | target | 鏈接打開方式 | 1.4.2 錨鏈接(id參數) 每個標 ...
1.4 超鏈接
1.4.1 基礎語法
基礎語法: <a href="網頁地址"> </a>
拓展參數: <a href="網頁地址" target="跳轉方式"> </a>
| href | 跳轉鏈接地址 |
|---|---|
| target | 鏈接打開方式 |
1.4.2 錨鏈接(id參數)
每個標簽都可以帶有一個id參數(例: <p id="article"> </p>), id參數是全局唯一的.
當一個標簽使用id參數時, 可以通過<a>標簽錨定到這個id所在的標簽(因為全局唯一).
通過#id可以鏈接到id.
<a href="#footer" target="_self">跳轉到頁面底部</a>
<footer id="foot">
</footer>
1.4.3 href參數
在1.4.2中, 提到了href參數可以鏈接到錨點(id)處, 當然href參數也可以鏈接到網頁, 本地鏈接處.
href參數 |
效果 |
|---|---|
| href="https://www.baidu.com/" | 超鏈接到百度網頁 |
| href="./index.html/" | 鏈接到本地(同目錄)下的一個文件 |
| href="#foot" | 錨鏈接到本頁面下的錨點foot |
| href="./index.html#foot/" | 錨鏈接到本地(同目錄)下的一個文件的一個錨點foot |
1.4.4 target參數
target參數 |
效果 |
|---|---|
| target="_self" | 跳轉到本頁面(預設值) |
| target="_blank" | 跳轉到新標簽 |
1.4.5 圖像鏈接
超鏈接可以通過任意元素進行調整, 比如文字, 圖像, 視頻...
可以通過emmet語法快速書寫:
a>img
語法: <a href=""><img src="" alt=""></a>
