Home > Web Front-end > HTML Tutorial > What does the html map tag mean?

What does the html map tag mean?

云罗郡主
Release: 2019-02-13 15:33:56
Original
4394 people have browsed it


html What does the map tag mean?

The map tag is often used to add a hyperlink to a certain area of ​​the image. Mainly defines a client image map. Image map (image-map) refers to an image with a clickable area.

Function: Define a client image mapping.

Description: Image-map refers to an image with a clickable area.

Note: area elements are always nested inside map elements. The area element defines an area in the image map. The usemap attribute in can reference the id or name attribute in (depending on the browser), so we should add both the id and name attributes to .

html map tag example

<html>
<body>
<img
src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="//m.sbmmt.com/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="//m.sbmmt.com/example/html/venus.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="//m.sbmmt.com/example/html/venus.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释:</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p>
</body>
</html>
Copy after login



##

The above is the detailed content of What does the html map tag mean?. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template