以下是一个示例，展示了如何在链接元素中使用 hreflang 属性：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Link hreflang Attribute Example</title>
<!-- 链接到法语版本的文档 -->
<link rel="alternate" hreflang="fr" href="https://www.example.com/fr/">
</head>
<body>
<p>Click the link to visit the French version of the page:</p>
<a href="https://www.example.com/fr/" hreflang="fr">Visit the French version</a>
</body>
</html>
在这个例子中，我们使用了 <link> 元素来指定法语版本的文档，同时在文档中使用了一个 <a> 元素来创建一个链接，其中包含了相同的 hreflang 属性，以便告诉浏览器和搜索引擎该链接指向的是法语版本的文档。
通过 JavaScript，你可以访问链接元素的 hreflang 属性。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<title>Accessing hreflang Attribute Example</title>
<link rel="alternate" hreflang="es" href="https://www.example.com/es/">
</head>
<body>
<script>
// 获取对链接元素的引用
var linkElement = document.querySelector('link[rel="alternate"][hreflang="es"]');
// 输出链接的 hreflang 属性
console.log("链接的 hreflang 属性为: " + linkElement.hreflang);
</script>
</body>
</html>
在这个例子中，我们使用了 document.querySelector 方法选择了一个具有特定 rel 和 hreflang 属性的链接元素，并输出了它的 hreflang 属性。
转载请注明出处：http://www.zyzy.cn/article/detail/4501/HTML