📅 最后修改于: 2023-12-03 15:01:14.424000 🧑 作者: Mango
hreflang 属性是 HTML 标签中的一个可选属性，它用于指定链接文档所使用的语言和目标受众的国家或地区。这个属性通常出现在 <link> 元素中，特别是在不同语言、不同地区的网页之间进行链接时。
hreflang 属性的语法如下：
<link rel="alternate" href="链接地址" hreflang="语言或目标受众" />
其中：
rel="alternate"：告诉浏览器，这个链接是网页的一个备选版本，可替代当前网页中所展示的内容。
href：指定备选版本的链接地址。
hreflang：指定备选版本所使用的语言或目标受众。可以使用语言和地区代码（例如：en、zh-Hans-CN）。
以下是一个使用 hreflang 属性的样例：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>多语言网站</title>
<link rel="alternate" href="http://example.com/en/" hreflang="en">
<link rel="alternate" href="http://example.com/fr/" hreflang="fr">
</head>
<body>
<h1>欢迎来到我们的多语言网站！</h1>
<p>我们提供英语和法语版本的网站。请使用以下链接进行切换。</p>
<ul>
<li><a href="http://example.com/en/" hreflang="en">英语</a></li>
<li><a href="http://example.com/fr/" hreflang="fr">法语</a></li>
</ul>
</body>
</html>
在上面的示例中，我们向浏览器提供了两个备选版本的链接，一个是英语版（hreflang="en"），一个是法语版（hreflang="fr"）。用户可以通过点击相应的链接，选择自己熟悉的语言进行阅读。
hreflang 属性是一个有用的 HTML 属性，用于标识备选版本的链接地址和语言信息。在多语言网站设计中，使用 hreflang 属性可以提升用户体验和 SEO 效果。