链接是使用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/testtest 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跳转!