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>
