使用HTML\`a\`标签创建链接的基本知识

了解使用HTML`a`标签创建链接的基本知识

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

例子。

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

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

上面的例子是一个绝对的URL。链接也适用于相对的URL。

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

在这种情况下，当点击链接时，用户会被转移到当前原点上的/test URL。

要小心使用/ 这个字符。如果省略，浏览器将不会从原点开始，而是直接将test 字符串添加到当前的URL中。

例如，我在https://flaviocopes.com/axios/ 页面上，我有这些链接。

• /test 一旦点击，我就会进入https://flaviocopes.com/test
• test 一旦点击，我就会进入到https://flaviocopes.com/axios/test

链接标签里面可以包括其他东西，而不仅仅是文本。比如说，图片。

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

或任何其他元素，除了其他<a> 标签。

如果你想在新标签中打开链接，你可以使用target 属性。

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