HTML <area> 标签的 type 属性 详解
HTML基础 2022-06-02 11:58:05小码哥的IT人生shichen
HTML <area> 标签的 type 属性
实例
使用 type 属性规定目标 URL 的 MIME 类型：
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="/images/sun.gif" type="image/gif">
</map>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>area type 属性</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 ="/i/eg_sun.gif" type="image/gif" />
</map>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
type 属性规定目标 URL 的 Internet 媒体类型（以前称为 MIME 类型）。
仅当设置了 href 属性时才使用此属性。
注释：此属性纯粹是建议性的。
浏览器支持
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| type | Yes | Yes | Yes | Yes | Yes |
语法
<area type="media_type">
属性值
| 值 | 描述 |
|---|---|
| media_type |
链接文档的 Internet 媒体类型。 查看 IANA 媒体类型，以获取标准媒体类型的完整列表。 |
