<area>

  <area> 是 HTML 中的链接标签之一,用于图片映射,需在 <map> 中使用。

  <area> 可用属性有:alt, coords, download, href, hreflang, rel, shape, target, type。大部分与 <a> 的相同。

  alt:当图像不可用时使用的替换文字。

  coords:坐标。根据 shape 所定的形状来写坐标,所圈定范围会形成点击的链接。

  download:写了这个,表明是一个下载链接。

  href:该地址的超链接。

  hreflang:链接资源的语言。

  rel:本文档(或子句/主题)与目标资源的关系。

  shape:要在创建的形状。可用参数有:圆形(circle),多边形(poly)和矩形(rect)。

  circle:圆形。坐标为:横坐标,纵坐标,半径。圆心和半径确立一个圆。

 HTML 
<area shape="circle" coords="236.5,288.5,2" alt="水星" href="https://upload.wikimedia.org/wikipedia/commons/3/3f/Mercury_Globe-MESSENGER_mosaic_centered_at_0degN-0degE.jpg">

  poly:多边形。坐标为:横坐标,纵坐标,横坐标,纵坐标……横坐标,纵坐标。有多少个顶点写多少个横坐标和纵坐标。

 HTML 
<area shape=poly coords="598.7,373.3,579.3,342.7,652.4,292.9,637.6,264.7,720,219.6,738.5,238.2,816.2,205.1,832.2,222.4,767.5,282.4,780.2,311.8,700.2,362.4,678.2,339.1" alt="土星" href="https://upload.wikimedia.org/wikipedia/commons/e/e3/Saturn_from_Cassini_Orbiter_%282004-10-06%29.jpg">

  rect:矩形。坐标为:横坐标,纵坐标,横坐标,纵坐标。对角点确立一个矩形。

 HTML 
<area shape="rect" coords="0,0,144,719" alt="太阳" href="https://upload.wikimedia.org/wikipedia/commons/b/b4/The_Sun_by_the_Atmospheric_Imaging_Assembly_of_NASA%27s_Solar_Dynamics_Observatory_-_20100819.jpg">

  target:链接打开方式。

  type:提示所引用资源的类型。