html map tag


  Translation results:

英[mæp] 美[mæp]

n. Map, celestial map; something similar to a map; face, face; (gene arrangement on chromosomes) genetic 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>

Popular Recommendations

Home

Videos

Q&A