关于前端学习:HTML标签超链接标签与属性的介绍

9次阅读

共计 444 个字符,预计需要花费 2 分钟才能阅读完成。

超链接标签

<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>
正文完
 0