html area的用法 标签定义图像映射内部的区域
澹台锐
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>html5特性</title>
</head>
<body>
<img src="eg_planets.jpg" usemap="#planetmap" alt="planets"/>
<map name="planetmap" id="planetmap">
<area shape="rect" coords="0,0,110,260" href="#" alt="sun"/>
<area shape="circle" coords="126,161,10" href="#" alt="sun"/>
<area shape="circle" coords="180,139,14" href="#" alt="sun"/>
</map>
</body>
</html>
<html>
<head>
<meta charset="utf-8"/>
<title>html5特性</title>
</head>
<body>
<img src="eg_planets.jpg" usemap="#planetmap" alt="planets"/>
<map name="planetmap" id="planetmap">
<area shape="rect" coords="0,0,110,260" href="#" alt="sun"/>
<area shape="circle" coords="126,161,10" href="#" alt="sun"/>
<area shape="circle" coords="180,139,14" href="#" alt="sun"/>
</map>
</body>
</html>
类似资料：