HTML | hreflang 属性

在 HTML 中， 元素是用于定义映射到图像上的区域。其中，hreflang 属性可指定与链接的目标语言相关的文档的语言。

语法

<area href="URL" alt="替代文本" shape="形状" coords="坐标" hreflang="语言代码">

属性值

• href: 必需属性，指定链接的目标 URL
• alt: 可选属性，当图像未能正常显示时显示代替文本
• shape: 可选属性，指定区域的形状，包括 "rect" 和 "circle"
• coords: 可选属性，指定区域的坐标，对照不同的 shape 值有不同的格式
• hreflang: 可选属性，指定链接目标的文档语言代码，如 "en"、"zh" 等

示例

<img src="worldmap.gif" width="1450" height="855" alt="世界地图" usemap="#worldmap">

<map name="worldmap">
  <area shape="rect" coords="80,300,205,440" href="http://www.example.com/china" hreflang="zh" alt="中国">
  <area shape="circle" coords="930,180,100" href="http://www.example.com/usa" hreflang="en" alt="美国">
</map>

上面的代码创建了一个带有图片地图的页面，其中地图上有两个区域分别代表中国和美国。当鼠标移动到这些区域时，会显示相应的链接。其中，hreflang 属性指定了这些链接将链接到的文档的语言。

注意事项

• hreflang 属性只在链接到的文档具有多个语言版本时才有用。如果链接目标是单语言页面，则此属性没有任何作用。
• hreflang 属性值为 BCP 47 语言代码，以及一些特定的区域子标签，可以在 IETF 的语言标签注册表 中找到。
• 建议在使用 hreflang 属性时，同时给页面设置正确的 lang 属性，并检查所有指向该页面的链接是否具有正确的 hreflang 属性值。