链接标签使用及属性

2023-02-22 09:14:20 浏览数 (1)

  • , 28 1月 2021
  • 作者 847954981@qq.com
  • 前端学习, 我的编程之路
链接标签使用及属性

<a></a>是链接的标签名

在链接标签中可以使用href来指定链接地址。

<a href=”http://fireinsect.top”>小虫的个人博客</a>

效果为:

| 小虫的个人博客 |


title

可以使用 “title” 属性来给出链接的说明信息,当鼠标悬停在链接上时会将这个信息显示出来。

<a href=”http”//fireinsect.top” title=”通向小虫博客啦”>小虫的个人博客</a>

效果为:

| 小虫的个人博客 |


target

“target” 应用于链接打开的方式,如新窗口打开链接界面等等。

“target” 拥有四种属性的值分别为 “_self”, “_blank”, “_parent”, “_top”


“_self” 表示在当前页面打开链接(target 默认属性就是 _self )。

<a href=”http”//fireinsect.top” title=”通向小虫博客啦” target=”_self”>小虫的个人博客</a>

效果如下:

| 小虫的个人博客 |

当然因为target的默认属性就是 _self 所以这个链接与前面的展现方式是一样的。

“_blank” 表示在新的页面打开链接。

<a href=”http”//fireinsect.top” title=”通向小虫博客啦” target=”_blank”>小虫的个人博客</a>

效果如下:

| 小虫的个人博客 |

“_parent” 是使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

“_top” 是使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

“_parent”“_top” 应用于框架体系,使用比较特殊,这里不多加赘述。

0 人点赞