如何在没有图像地图编辑器的情况下构建图像映射

本文介绍了如何使用HTML标记而不是图像映射编辑器创建图像映射。当您指向图像时，大多数图像编辑器将向您向您展示鼠标的坐标，这是您所需的所有数据都需要使用图像映射。

创建图像映射

要创建图像映射，请首先选择将作为地图的基础的图像。图像应为“正常尺寸” - 是，您不应该使用浏览器将缩放的图像如此之大。

插入图像时，您将添加一个额外的属性，该属性标识地图的坐标：

创建图像贴图时，您正在创建一个可在图像上单击的区域，因此贴图的坐标必须与所选图像的高度和宽度对齐。地图支持三种不同类型的形状：

• 矩形矩形或四面图形
• 多边形或多边形图
• 圆圈

要创建区域，您必须隔离要映射的特定坐标。地图可能包括图像上的一个或多个已定义区域，即在单击时打开新的超链接。

为一个矩形，你只是左上角地绘制左上角。所有坐标都列为x，y（超过，上升）。所以，对于左上角0,0和右下角10,15你会键入0,0,10,15.。然后在地图中包含它：

为一个多边形，你映射每个X，Y.分别坐标。Web浏览器自动将最后一组坐标连接到第一个;这些坐标内的任何东西都是地图的一部分。

圆圈形状只需要两个坐标，如矩形，但对于第二个坐标，可以指定半径或到圆心的距离。所以，对于圆心为122122，半径为5的圆，可以写出122122,5：

所有区域和形状都可以包含在同一地图标签中：

考虑

图像地图在20世纪90年代到21世纪初的Web1.0时代更为常见。图像地图通常构成网站导航的基础。设计师将创建某种图片来指示菜单项，然后设置地图。

现代方法鼓励响应性设计，并使用级联样式表来控制页面上的图像和超链接的位置。

虽然HTML标准仍然支持地图标签，但具有小形式因素的移动设备可能会导致图像映射的意外问题。此外，带宽问题或损坏的图像会发现图像映射的值。

因此，随时不断使用这种稳定，良好的理解技术 - 知道目前还有更有效的替代方案风尚合唱团与网页设计师合作。