books

Links

链接是使用a标签定义的。链接的目的地(destination)是通过其href属性设置的。

例子:

<a href="https://flaviocopes.com">click here</a>

在开始和结束标签之间有链接文本

上面的例子是一个绝对URL。链接也可以使用相对URL

<a href="/test">click here</a>

在这种情况下,单击链接时,用户将move到当前来源( current origin)的/test URL。

请注意/字符。 如果省略,那么浏览器会把test字符串添加到当前URL的后边去,而不是从源位置开始。

例如,此刻我在https://flaviocopes.com/axios/这个页面上,我有以下链接:

都是相对的URL,但/字符的存在与否,决定了href值的拼接位置

链接标签可以包含其它东西,可不仅仅只是文本(text),比如图片(images):

<a href="https://flaviocopes.com">
  <img src="test.jpg">
</a>

或者除了<a>标签以外的任何其它的元素。

如果要在新选项卡(new tab)中打开链接,可以使用target属性:

<a href="https://flaviocopes.com" target="_blank">open in new tab</a>

属性 -> 用户给的配置信息 -> 浏览器根据这些配置信息,做出不同的响应行为 -> 如链接,你不给target _blank这个值,那么点这个链接,就会在当前tab跳转,如果给了,那么点同样一个链接,则会在新的tab跳转!