HTML <area> 标签的 hreflang 属性 详解
HTML基础 2022-06-02 11:57:47小码哥的IT人生shichen
HTML <area> 标签的 hreflang 属性
实例
使用 hreflang 属性为图像映射中的每个区域规定目标 URL 的语言：
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html" hreflang="en">
</map>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>area hreflang 属性</h1>
<p>点击太阳，近距离观察它：</p>
<img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="rect" coords="0,0,110,260" alt="Sun" href ="/demo/example/html/sun.html" hreflang="en" />
</map>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
hreflang 属性规定区域中目标 URL 的语言。
仅当设置了 href 属性时才使用此属性。
注释：此属性纯粹是建议性的。
浏览器支持
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| hreflang | Yes | Yes | Yes | Yes | Yes |
语法
<area hreflang="language_code">
属性值
| 值 | 描述 |
|---|---|
| language_code |
由两个字母组成的语言代码，用于规定链接文档的语言。 如需查看所有可用的语言代码，请访问我们的语言代码参考。 |
