html map tag
Translation results:
英[mæp] 美[mæp]
n. Map, celestial map; something similar to a map;
vt. Draw a map (of an area, etc.); survey; detailed planning; [genetics] comparison
Third person singular: maps Plural: maps Present participle: mapping Past tense: mapped Past participle: mapped
html map tagsyntax
Function:Define a client image mapping.
Description: Image map (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 <img> can reference the id or name attribute in <map> (depending on the browser), so we should add both the id and name attributes to <map>.
html map tagexample
<html> <body> <img src="http://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>