📌  相关文章
📜  HTML |<link> hreflang 属性(1)

📅  最后修改于: 2023-12-03 15:01:15             🧑  作者: Mango

HTML | hreflang 属性

HTML中的<link>标签可以用于引入外部的CSS文件，还可以用于定义网页中的一些关键词和描述信息等。其中hreflang是<link>标签的一个属性，用于标识当前链接的URL对应的语言。

语法
<link rel="alternate" hreflang="language-code" href="https://example.com/page.html">

属性值：

  • rel: 必需，用于定义链接的类型，此处固定为 alternate。
  • hreflang: 必需，用于标识链接页面的语言，采用语言代码来表示。例如，zh-CN表示中文（中国）。
  • href: 必需，表示当前链接的URL。
使用方法

您可以在网站的 <head> 中添加 <link> 标记，将语言信息与其他元数据一起提供给搜索引擎和浏览器。

例如，以下代码片段演示如何在HTML文档中使用hreflang标签：

<head>
  <title>My Web Page</title>
  <link rel="alternate" hreflang="fr" href="https://example.com/page-fr.html" />
  <link rel="alternate" hreflang="de" href="https://example.com/page-de.html" />
  <link rel="alternate" hreflang="en" href="https://example.com/page-en.html" />
</head>

以上的代码示例表示当前网页可能包含多种语言版本，包括法语、德语和英语。其中，hreflang属性用于标识当前链接的URL对应的语言。

应用场景
  • 为提供多语言网页做出贡献。
  • 在本地化SEO中为网站做出贡献。
  • 帮助浏览器更好地了解您的网站的语言特定内容，从而为用户提供更好的体验。
总结

<link> 标签的 hreflang 属性可标识当前链接的URL对应的语言。此属性可帮助提高页面的浏览器兼容性和搜索引擎优化（SEO）。