鼠标放在a标签上不显示url地址怎么弄_【HTML 教程】链接标签

作者 | 阮一峰 链接(hyperlink)是互联网的核心。 它允许用户在页面上，从一个网址跳转到另一个网址，从而把所有资源联系在一起。 URL 是链接指向的地址。链接不仅可以指向另一个网页，也可以指向文本、图像、文件等资源。可以这样说，所有互联网上的资源，都可以通过链接访问。

1、

链接通过 标签表示，用户点击后，浏览器会跳转到指定的网址。下面就是一个典型的链接。

<a href="https://wikipedia.org/">维基百科a>

上面代码就定义了一个超级链接。浏览器显示“维基百科”，文字下面默认会有下划线，表示这是一个链接。用户点击后，浏览器跳转到 href 属性指定的网址。 标签内部不仅可以放置文字，也可以放置其他元素，比如段落、图像、多媒体等等。

<a href="https://www.example.com/">
<img src="https://www.example.com/foo.jpg">
a>

上面代码中， 标签内部就是一个图像。用户点击图像，就会跳转到指定网址。 标签有如下属性。 (1)href href 属性给出链接指向的网址。它的值应该是一个 URL 或者锚点。 上文已经给出了完整 URL 的例子，下面是锚点的例子。

<a href="#demo">示例a>

上面代码中， href 属性的值是 # 加上锚点名称。点击后，浏览器会自动滚动，停在当前页面里面 demo 锚点所在的位置。 (2)hreflang hreflang 属性给出链接指向的网址所使用的语言，纯粹是提示性的，没有实际功能。

<ahref="https://www.example.com"hreflang="en"
>示例网址a>

上面代码表明， href 属性指向的网址的语言是英语。 该属性的值跟通用属性 lang 一样，语言代码可以参考《属性》一章的 lang 属性的介绍。 (3)title title 属性给出链接的说明信息。鼠标悬停在链接上方时，浏览器会将这个属性的值，以提示块的形式显示出来。

<ahref="https://www.example.com/"title="hello"
>示例a>。

上面代码中，用户鼠标停留在链接上面，会出现文字提示 hello 。 (4)target target 属性指定如何展示打开的链接。它可以是在指定的窗口打开，也可以在 里面打开。

<p><a href="http://foo.com" target="test">fooa>p>
<p><a href="http://bar.com" target="test">bara>p>

上面代码中，两个链接都在名叫 test 的窗口打开。首先点击链接 foo ，浏览器发现没有叫做 test 的窗口，就新建一个窗口，起名为 test ，在该窗口打开 foo.com 。然后，用户又点击链接 bar ，由于已经存在 test 窗口，浏览器就在该窗口打开 bar.com ，取代里面已经打开的 foo.com 。 target 属性的值也可以是以下四个关键字之一。

• _self：当前窗口打开，这是默认值。

• _blank：新窗口打开。

• _parent：上层窗口打开，这通常用于从父窗口打开的子窗口，或者里面的链接。如果当前窗口没有上层窗口，这个值等同于_self。

• _top：顶层窗口打开。如果当前窗口就是顶层窗口，这个值等同于_self。

<ahref="https://www.example.com"target="_blank"
>示例链接a>

上面代码点击后，浏览器会新建一个窗口，在该窗口打开链接，并且新窗口没有名字。 注意，使用 target 属性的时候，最好跟 rel="noreferrer" 一起使用，这样可以避免安全风险。 (5)rel rel 属性说明链接与当前页面的关系。

<a href="help.html" rel="help">帮助a>

上面代码的 rel 属性，说明链接是当前页面的帮助文档。 下面是一些常见的 rel 属性的值。

• alternate：当前文档的另一种形式，比如翻译。

• author：作者链接。

• bookmark：用作书签的永久地址。

• external：当前文档的外部参考文档。

• help：帮助链接。

• licen