>웹 프론트엔드 >HTML 튜토리얼 >html 지도 태그는 무엇을 의미하나요?

html 지도 태그는 무엇을 의미하나요?

云罗郡主
云罗郡主원래의
2019-02-13 15:33:284405검색


html 지도 태그는 무엇을 의미하나요?

지도 태그는 주로 이미지의 특정 영역에 하이퍼링크를 추가하는 데 사용됩니다. 지도는 해당 지역의 클릭 가능한 이미지를 나타냅니다.

기능: 클라이언트 이미지 매핑을 정의합니다.

설명: 이미지맵은 클릭할 수 있는 영역이 있는 이미지를 말합니다.

참고: 영역 요소는 항상 지도 요소 내에 중첩됩니다. 영역 요소는 이미지 맵의 영역을 정의합니다. a1f02c36ba31691bcfe87b2722de723b의 usemap 속성은 dab9f699790ab0922e596ecb9f6677d5의 id 또는 name 속성을 참조할 수 있으므로(브라우저에 따라) id와 name 속성을 모두 dab9f699790ab0922e596ecb9f6677d5에 추가해야 합니다.

html 지도 태그 예

<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>



위 내용은 html 지도 태그는 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.