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

Question

发现NextJs，我想知道为什么在创建链接时需要a标签。按照教程，我们有这个例子：

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

但即使没有 a 标签，该链接也能正常工作<Link href="/">Back to home</Link>。

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

Answer 1

它用于语义 html 和 SEO

这为您呈现的 html 提供了正确的语义。这将有助于您的网站通过所有 SEO。您可以在此处的文档中查看示例和完整说明。

如果 Link 的子组件是包装标签的自定义组件，则必须将 passHref 添加到 Link。如果您使用像样式组件这样的库，这是必要的。如果没有这个，标签将没有 href 属性，这可能会损害您网站的 SEO。