1.4 超鏈接
1.4.1 基礎語法
基礎語法: <a href="https://www.cnblogs.com/Yiero/archive/2022/10/28/網頁地址"> </a>
拓展引數: <a href="https://www.cnblogs.com/Yiero/archive/2022/10/28/網頁地址" target="跳轉方式"> </a>
| href | 跳轉鏈接地址 |
|---|---|
| target | 鏈接打開方式 |
1.4.2 錨鏈接(id引數)
每個標簽都可以帶有一個id引數(例: <p id="article"> </p>), id引數是全域唯一的.
當一個標簽使用id引數時, 可以通過<a>標簽錨定到這個id所在的標簽(因為全域唯一).
通過#id可以鏈接到id.
<a href="https://www.cnblogs.com/Yiero/archive/2022/10/28/#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="https://www.cnblogs.com/Yiero/archive/2022/10/28/index.html/" | 鏈接到本地(同目錄)下的一個檔案 |
| href="https://www.cnblogs.com/Yiero/archive/2022/10/28/#foot" | 錨鏈接到本頁面下的錨點foot |
| href="https://www.cnblogs.com/Yiero/archive/2022/10/28/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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/523130.html
標籤：其他
上一篇：函式自呼叫與閉包(詳解)
下一篇：虎牙直播插件