Home > Article > Web Front-end > What does the html map tag mean?
What does the html map tag mean?
- 云罗郡主Original
- 2019-02-13 15:33:284332browse
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 a1f02c36ba31691bcfe87b2722de723b can reference the id or name attribute in dab9f699790ab0922e596ecb9f6677d5 (depending on the browser), so we should add both the id and name attributes to dab9f699790ab0922e596ecb9f6677d5.
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 ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Sun" /> </map> <p><b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> </body> </html>
##
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!