area element的意思|示意

美 / ˈɛəriə ˈelimənt / 英 / ˈɛriə ˈɛləmənt /

面积微元

area element的用法详解

Area Element用法讲解

Area元素是 HTML5 中新增的一个新类型元素，它用于定义图像地图中的可点击区域，使用这种元素可以让图像具有链接效果，且可以定义不规则的跨页面的链接，一张图片可以被分割成不同的部分，每一部分都可以单独设置链接。

元素 area 的属性主要有 shape、coords、href 和 alt 四个：

- shape：定义当前区域形状，用于指定图像地图（image map）中的区域形状，有三个可选值：rect、circle、poly（多边形），默认值为 rect；

- coords：定义当前区域坐标，当 shape 为 rect 时，分别定义 x1、y1、x2、y2 四个坐标，分别表示矩形起点和终点的坐标；当 shape 为 circle 时，分别定义 x、y、r 三个坐标，分别表示圆心的 x、y 坐标以及半径；当 shape 为 poly 时，分别定义 x1、y1、x2、y2、x3、y3…… 坐标，每对坐标表示一个点，以此类推；

- href：定义当前区域链接；

- alt：定义鼠标悬停在区域上时显示的文本信息，这个文本信息是为了说明该区域的作用。

使用 area 元素来创建的图像地图可以大大美化网页，使其更具有可视化的效果，是用来让网站变得更具有视觉冲击力的一个很好的途径。