요소의 type 속성은 대상 URL의 MIME(Multipurpose Internet Mail Extensions) 유형을 설정합니다. 다음은 구문입니다 -
<area type="type_of_media">
위에서 type_of_media는 링크된 문서의 표준 미디어 유형(예:image/bmp, image/tiff, image/tff 등)입니다.
이제 요소 −
의 type 속성을 구현하는 예를 살펴보겠습니다.예시
<!DOCTYPE html> <html> <body> <h2>Learning</h2> <p>Learn these technologies with ease....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" download="perl" hreflang="en"/> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/images/test.png" type="image/png" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" download="php" hreflang="en"/> </map> </body> </html>
출력
이제 HTML 영역을 클릭하면 다음 png 이미지가 표시됩니다. 미디어 유형을 동일한 이미지/png로 설정했습니다 -