htmlarea标签coords 标签 html

html里的map标签怎么用

1、在某种情况下，我们不希望整张图片加链接。希望的效果是：点击图片某个区域，链接到某地址。是通过map标签和area标签结合使用的。

2、map 标签，定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。作用是创建图像地图，显示如何创建带有可点击区域的图像地图。其中的每个区域都是一个超级链接。

3、Map用来定义area，也就是用来把他两个area包括起来。area不能独立出现， 必须嵌套在map中， map只作为area的容器：area是一块区域，这块区域可以当作导航用。

4、用 JavaScript 获取图片的尺寸，例如 500 * 300，当图片尺寸发生改变的时候再获取一次，例如 400 * 240，获取比例，400 / 500 = 0.8。

5、coords 属性与 shape 属性配合使用，来规定区域的尺寸、形状和位置。

6、引用四个值就说明是块矩形MAP。前面两个值是左上角坐标值，后面两个值是右下角坐标值 坐标值都是相对于使用了MAP的元素而言。

相关问答

Q1: html中使用map标签,area中coords值是否能用百分比?

1、coords 中的值只能是数字，你的问题可以用 JavaScript 来解决 页面加载的时候，用 JavaScript 获取图片的尺寸，例如 500 * 300，当图片尺寸发生改变的时候再获取一次，例如 400 * 240，获取比例，400 / 500 = 0.8。

2、前面两个值是左上角坐标值，后面两个值是右下角坐标值 坐标值都是相对于使用了MAP的元素而言。

3、coords 属性与 shape 属性配合使用，来规定区域的尺寸、形状和位置。

4、这个很简单，我给你解释一下。希望对你有用。

5、来进行定位。2，area标签：其划分的作用区域必须在图像地图的区域内，所以在用 area 标记划分区域前必须用HTML的另一个标记map来设定图像地图的作用区域，并为指定的图像地图设定名称。

6、usename=#map错了，应该是usemap=#map。另外，下面两个area中属性设置时空格分隔不对，你看一下shap与coords之间。

Q2: html中图像映射怎么定义坐标

先把容器这只跟img图片的大小。再移动。可以先给最近的父级容器，设置position：relative；再设置子容器 position：absolute；top：~；right：~；bottom：~；left：~；这样就可以移动到你指定的位置了。

使用dw里面的图片热点功能，你想再哪链接都行，必须先点击图片，才会有的。

box_absolute { position： absolute； left： 30px； top： 20px；} 绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

htmlarea标签coords的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于标签 html、htmlarea标签coords的信息别忘了在本站进行查找喔。