javascript a标签属性值

前言： 在HTML中，a标签是用来创建超链接的标签，它可以链接到其他页面、同一页面内的锚点或者任何其他URL。除了常用的href属性之外，a标签还有其他一些属性可以用来控制链接的行为和外观。

1. href属性

href属性是a标签最重要的属性之一，它指定了链接的目标。可以将任何有效的URL或者相对路径赋值给href属性来创建链接。

<a href="http://www.example.com">这是一个外部链接</a>
<a href="/about.html">这是一个相对路径链接</a>

上面的代码演示了如何使用href属性创建一个外部链接和一个相对路径链接。在第一个例子中，链接指向了一个外部网页，而在第二个例子中，链接指向了同一个网站内的一个HTML文件。

2. target属性

target属性用来控制链接在何处打开。默认情况下，链接会在当前浏览器窗口或者选项卡中打开，但通过target属性可以控制链接在新窗口或者已命名的窗口中打开。

<a href="http://www.example.com" target="_blank">在新窗口打开链接</a>

上面的代码示范了如何在新窗口中打开链接。通过将target属性设置为"_blank"，链接将会在新的浏览器窗口或选项卡中打开。

3. title属性

title属性用来为链接提供额外的文本信息，当鼠标悬停在链接上时会显示出来。

<a href="http://www.example.com" title="这是一个链接">链接</a>

上面的代码中，title属性的值是"这是一个链接"。当鼠标悬停在链接上时，会显示出这段文本信息。

4. rel属性

rel属性用来定义链接与当前文档之间的关系。它主要用在链接到外部资源或者文档之间，常见的值包括nofollow、noopener和noreferrer等。

<a href="http://www.example.com" rel="nofollow">无需跟踪的链接</a>

上面的代码中，rel属性的值是"nofollow"。这意味着链接的目标页面不应该被搜索引擎跟踪。

总结： 在HTML中，a标签有多个属性可以用来控制链接的行为和外观。其中，href属性是最重要的属性，它指定了链接的目标。通过target属性可以控制链接在新窗口或者已命名的窗口中打开。title属性可以提供额外的文本信息，在鼠标悬停时显示出来。rel属性用来定义链接与当前文档之间的关系。这些属性的组合使用可以创造出丰富多样的链接效果和功能。