链接标签使用及属性

• ， 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” 应用于框架体系，使用比较特殊，这里不多加赘述。