关于前端学习: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>