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

< 지역 > 레이블

정 및 사용

< 지역 > 태그 이미지 지도 영역을 정의합니다.

HTML 4.01와 HTML 5 간의 차이점

HTML 5는 몇 가지 새로운 속성이 고 HTML 4.01의 속성 중 일부를 더 이상 지원.

예:

< img src = "planets.gif" alt = "행성" usemap = "#planetmap" / >
< 지도 id = "Planetmap" >
< 영역 도형 = "rect" coords = "0,0,82,126" href = "sun.htm" alt = "태양" / >
< 지역 모양 "원형" coords = "90,58,3" href = "mercur.htm" alt = "수은"를 = / >
< 지역 모양 "원형" coords = "124,58,8" href = "venus.htm" alt = "금성" = / >
</지도 >

속성

속성 설명 4 5 alt이이 지역에 대 한 대체 텍스트를 정의합니다. 이 속성은 href 존재 하는 경우 필요. Href 특성 존재 하는 경우에 사용 합니다. 4 5 coords 클릭 가능한 영역의 좌표를 정의 합니다. 4 5 href이이 지역에 대 한 대상 URL을 정의 합니다. 4 5 Hreflang 대상 URL의 기본 언어. Href 특성 존재 하는 경우에 사용 합니다. 4 5 nohref 승인. 지도 이미지에서 영역을 제외합니다. 4 미디어 대상 URL을 지정 하는 종류. 기본값: 모든.   Href 특성 존재 하는 경우에 사용 합니다. 5 ping Url 사용자가 링크를 클릭할 때 통지의 공백으로 구분 된 목록.   Href 특성 존재 하는 경우에 사용 합니다. 5 rel 현재 문서와 대상 URL 간의 관계를 지정 합니다.   Href 특성 존재 하는 경우에 사용 합니다. 지정 된 영역의 5 모양입니다. 4 5 대상 대상 URL을 엽니다. 4 5 유형 대상 URL의 MIME 유형을 설정 합니다.   Href 특성 존재 하는 경우에 사용 합니다. 5

표준 속성

클래스, Contenteditable, ContextMenu, dir, 끌어다 놓기, 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, onmousedown, onmousemove, onmouseover, onmouseout,
OnMouseUp OnMouseWheel, OnResize, Onscroll, Onselect, onsubmit, onunload

완전 한 설명, HTML 5에서 이벤트 속성을 참조 하십시오.

Tiy

다음 코드는 이미지 지도를 만듭니다.

< html >
< 몸 >
< P > 그들을 확대 하려면 이미지에 별을 클릭 하십시오. </p >
< img
Src = "/ i/eg_planets.jpg"
Border = "0" usemap = "#planetmap"
alt = "행성" / >
< 맵 이름 "Planetmap" id = "Planetmap" = >
< 지역
모양 "원" =
Coords = "180,139,14"
href = "/ example/html/venus.html"
target = "_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 = "태양" / >
</지도 >
< P >< b > 참고: </b > img 요소에 "Usemap" 특성은 "id" 또는 "이름" 특성 (앞 머리에 따라 지도 요소에
그래서 우리는 또한 지도 요소에는 ID와 이름 특성을 추가. </p >
</바디 >
< / html >

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