为什么要在nextjs Link中使用标签？

Question

发现NextJs，我想知道为什么在创建链接时需要一个标签。 在本教程之后，我们有以下示例：

<Link href="/"><a>Back to home</a></Link>

但是即使使用<Link href="/">Back to home</Link>之类的标记，该链接也可以正常工作。

此标签的目的是什么？ Link组件不是多余的吗？

Answer 1

用于语义html和SEO

这为您呈现的html提供了适当的语义。这将对整个SEO上的网站有所帮助。您可以在文档here中查看示例和完整说明。

如果Link的子项是包装标签的自定义组件，则必须将passHref添加到Link。如果您使用的是样式组件之类的库，则这是必需的。否则，该标记将不会具有href属性，这可能会损害您网站的SEO。