1.4 超链接

  • 1.4 超链接已关闭评论
  • 14 次浏览
  • A+
所属分类:Web前端
摘要

基础语法: <a href=”网页地址”> </a>拓展参数: <a href=”网页地址” target=”跳转方式”> </a>


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>

1.4 超链接