실력을 HTML5 항목 입력: < 지도 > 레이블

"무단 전재 바람 네트워크 문서 콘텐츠의 무결성을 유지 하십시오,이 원칙을 준수 하지 않는 경우 우리가 추구 하는 법적 책임을 유지할 것 이다"

< 지도 > 레이블

정 및 사용

< 지도 > 라벨 클라이언트의 이미지 맵을 정의합니다. 이미지 맵의 클릭할 수 있는 영역이 있는 이미지입니다.

HTML 4.01와 HTML 5 간의 차이점

Http://www.aliyun.com/zixun/aggregation/11696.html > name 속성은 더 이상 HTML 5에서 지원 됩니다.

도움말 및 의견:

네트워크 (www.ithov.com) 참고 바람: 지역 요소는 항상 지도 요소에 중첩. 지역 요소는 이미지 지도에 영역을 정의합니다.

속성

표준 속성

끌어다 놓기, dir, ContextMenu, Contenteditable, 클래스 Id, 무관 한, 랭, ref, Registrationmark, TabIndex, 템플릿, 타이틀 전자에 대 한 완전 한 설명은 HTML 5에서 표준 속성을 참조 하십시오.

이벤트 속성

Onabort, onbeforeunload, onblur, onchange, onclick, OnContextMenu, ondblclick, 겁니다, Ondragend, OnDragEnter, OnDragLeave OnDragOver, ondragstart OnDrop, OnError, onfocus, onkeydown, onkeypress, onkeyup, onload, OnMessage, onmous Edown, OnMouseMove, onmouseover, onmouseout, onmouseup, OnMouseWheel, OnResize, Onscroll Onselect, onsubmit, 에 대 한 완전 한 설명은 onUnload 이벤트 속성 HTML 5에 방문.

Tiy 인스턴스

이미지 맵 만들기

이 예제에는 클릭 가능한 영역을 이미지 지도 만드는 방법을 보여 줍니다. 이 분야의 각 하이퍼링크입니다.

< html & gt
< 바디 & gt
< p > 바람 네트워크 (www.ithov.com) 팁: 그들을 확대 하려면 이미지에 별을 클릭 합니다. < / p & gt
<
img src = "/ i/eg_planets.jpg"
국경 = "0" usemap = "#planetmap"
alt = "행성" / >
< 맵 이름 = "Planetmap" id = "Planetmap"
< 지역
모양 = "원형"
coords = "180,139,14"
href = " Example/html/venus.html '
대상 = '_blank'
alt = ' 금성 ' / >
< 지역
모양 = '서클'
coords = ' 129,161,10 "
href ="/example/html/mercur.html "
target =" _blank "
alt =" 수은 "/ >
< 지역
모양 = "Rect"
coords = "0,0,110,260"
href = "/ example/html/sun.html"
target = "_blank"
alt = "태양" / >
< / 지도 & gt
< p >< b > 참고: </b > img 요소에 "Usemap" 특성 ID를 참조 또는 (브라우저)에 따라 지도 요소에서 name 특성 그래서 우리는 또한 지도 요소에 "id"를 추가 하 고 이름 속성입니다. < / p & gt
< / 바디 >
< / html >