6 链接标签
6.1 链接标签介绍
- 场景:点击之后,从一个页面跳转到另一个页面
- 称呼: a标签、超链接、锚链接
代码:
<a href="https://www.baidu.com/" target="_blank">跳转到百度</a>
- 特点:
- 双标签,内部可以包裹内容
- 如果需要a标签点击之后去指定页面,需要设置a标签的href属性
- a标签默认文字有下划线
- a标签从未点击过,默认文字显示蓝色
- a标签点击过之后,文字显示为紫色(清除浏览器历史记录可恢复蓝色)
- 常见属性
| 属性 | 作用 |
|---|---|
| href | 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能 |
| target | 用于指定链接页面的打开方式,其有2个属性值,其中_self为默认值表示在当前页面打开,_blank表示在新窗口中 |
6.2 链接分类
- 外部链接:
< a href="http:// www.baidu.com "> 百度</a >
- 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如
< a href="index.html"> 首页 </a >
- 空链接: 用于没有确定链接目标,
< a href="#"> 首页 </a >
- 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件
- 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接
- 锚点链接: 点击链接,可以快速定位到页面中的某个位置
- 在链接文本的 href 属性中,设置属性值为 #名字 的形式,如:
<a href="#two"> 第2集 </a> - 找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:
<h3 id="two">第2集介绍</h3>
- 在链接文本的 href 属性中,设置属性值为 #名字 的形式,如: