HTML标签——超链接标签与属性的介绍

超链接标签

<a>文本内容</a>
被 <a> 标签包裹的文本内容就是一个超链接文本，可进行点击

超链接标签的属性

href 属性：用于设置跳转的目标地址
设置跳转的链接：href="目标地址"
设置一个空链接：href="#"

title 属性：用于设置当鼠标悬停在超链接文本上时显示提示信息
title="提示信息文本内容"

target 属性：设置跳转目标页面时目标页面窗口打开方式
设置当前窗口打开：target="_self"
设置新窗口打开：target="_blank"

rel 属性：设置当前文档与目标URL之间的关系
rel="noopener noreferrer"

超链接的小应用

• 模拟一个按钮

  <a href="javascript:void(0)">按钮</a>

• 跳转锚点

  • 方案一：id 捆绑方式

  <a href="#maodian">跳转</a>
  <h2 id="maodian">锚点目标</h2>

  • 方案二：name 捆绑方式

  <a href="#maodian">跳转</a> 
  <a name="maodian">锚点目标</a>