1 module uim.html.elements.area; 2 3 import uim.html; 4 5 /** 6 * The <area> tag defines an area inside an image-map (an image-map is an image with clickable areas). 7 8 The <area> element is always nested inside a <map> tag. 9 10 Note: The usemap attribute in the <img> tag is associated with the <map> element's name attribute, and creates a relationship between the image and the map. 11 */ 12 class DH5Area : DH5Obj { 13 mixin(H5This!"area"); 14 15 /** 16 * Attribute Value Description 17 alt text Specifies an alternate text for the area. Required if the href attribute is present 18 coords coordinates Specifies the coordinates of the area 19 download filename Specifies that the target will be downloaded when a user clicks on the hyperlink 20 href URL Specifies the hyperlink target for the area 21 hreflang language_code Specifies the language of the target URL 22 media media query Specifies what media/device the target URL is optimized for 23 nohref value Not supported in HTML5. 24 Specifies that an area has no associated link 25 rel alternate 26 author 27 bookmark 28 help 29 license 30 next 31 nofollow 32 noreferrer 33 prefetch 34 prev 35 search 36 tag Specifies the relationship between the current document and the target URL 37 shape default 38 rect 39 circle 40 poly Specifies the shape of the area 41 target _blank 42 _parent 43 _self 44 _top 45 framename Specifies where to open the target URL 46 type media_type Specifies the media type of the target URL 47 */ 48 } 49 mixin(H5Short!"Area"); 50 51 unittest { 52 mixin(H5Test!("H5Area", "area")); 53 } 54 55 /** 56 * <img src="planets.gif" width="145" height="126" alt="Planets" 57 usemap="#planetmap"> 58 59 <map name="planetmap"> 60 <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> 61 <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> 62 <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> 63 </map> */ 64