链接是使用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/
这个页面上,我有以下链接:
/test
once clicked brings me to https://flaviocopes.com/test
test
once clicked brings me to https://flaviocopes.com/axios/test
都是相对的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跳转!