坐标（HTML属性）

coords属性，用于嵌套在元素内的<a></a>元素中，允许您创建客户端图像映射。 这提供了图像中可单击的区域，类似于使用<object></object>> <area>的<map></map>元素。 让我们探索差异以及如何使用coords。

>图像地图示例：

考虑此图像：

方法1：使用 elements（传统图像映射）：<area>> 此方法在

>内使用

元素来定义可单击区域：<area> <map></map>

<img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174053401375600.png"  class="lazy" alt="coords (HTML attribute) " />
<map name="Map">
  <area shape="rect" coords="132,117,270,185" href="https://www.php.cn/link/cf57d08a994170907f4f367c647e075e" alt="Monday's mustache - 'The Hero'">
  <area shape="poly" coords="136,238,137,301,3,306,3,242" href="https://www.php.cn/link/206f6a7ada917912e9389da75d80be3b" alt="Thursday's mustache - 'The Weasel'">
</map>

方法2：使用

>中的元素（替代方法）： <a> <object>此方法使用嵌入图像，并使用

> and

：<object>> <a> coordsshape为缺乏适当支持的浏览器提供后备内容。

<object data="mustaches.png" type="image/png" width="276" height="375" usemap="#Map2">
  <map name="Map2">
    <ul>
      <li><a href="https://www.php.cn/link/cf57d08a994170907f4f367c647e075e" shape="rect" coords="132,117,270,185">Monday's mustache - 'The Hero'</a></li>
      <li><a href="https://www.php.cn/link/206f6a7ada917912e9389da75d80be3b" shape="poly" coords="136,238,137,301,3,306,3,242">Thursday's mustache - 'The Weasel'</a></li>
    </ul>
  </map>
</object>

<ul></ul>属性值：<object>

属性值取决于属性：coords>

coords>（矩形）：shape

（上左x，上左上y，右下角x，右下y坐标）。
• rect>（circle）：x1,y1,x2,y2（中心x，中心y，radius）。
• circ>（polygon）：x,y,r>（一系列x，y坐标定义多边形的顶点）。
• >经常询问问题（FAQ）：poly> 提供的FAQ部分已经全面，并且准确地描述了属性的用法和限制。 不需要更改。x1,y1,x2,y2,x3,y3,...

以上是坐标（HTML属性）的详细内容。更多信息请关注PHP中文网其他相关文章！