首页 / 知识

html area标签怎么用

2023-04-11 14:47:00

htmlarea标签用于带有可点击区域的图像映射，area元素总是嵌套在<map>标签中。<img>标签中的usemap属性与map元素name属性相关联，创建图像与映射之间的联系。

htmlarea标签怎么用？

作用：带有可点击区域的图像映射

说明：

<img>中的usemap属性可引用<map>中的id或name属性（由浏览器决定），所以我们需要同时向<map>添加id和name两个属性。

注释：

标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。area元素总是嵌套在<map>标签中。<img>标签中的usemap属性与map元素name属性相关联，创建图像与映射之间的联系。

htmlarea标签示例

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>Title</title>

</head>

<body>

<imgsrc="/d/file/20230411/unfjcylmrgs38.webp"border="0"usemap="#studymap"alt="study"/>

<mapname="studymap"id="studymap">

</map>

</body>

</html>