<area>

개요

HTML <area> 요소는 이미지에서의 핫-스폿 지역을 정의하며, 추가적으로 hypertext link와 함께 관련시킵니다 . 이 요소는 오직 <map> 내부에서만 사용됩니다.

• 컨텐츠 범주 플로우 컨텐츠, 구문 컨텐츠.
• 허용된 컨텐츠 없음, 이것은 empty element.
• 태그 생략 시작 태그는 있어야 하며, 종료 태그는 없어야 합니다.
• 허용된 부모 요소구문 컨텐츠를 허용하는 모든 요소. <area> 요소는 <map> 요소를 조상으로 가져야하지만, 직계 부모일 필요는 없습니다.
• DOM 인터페이스 HTMLAreaElement

속성

이 요소는 전역 속성을 포함합니다.

accesskey HTML 4 only, 안씀 Gecko 5.0

Specifies a keyboard navigation accelerator for the element. Pressing ALT or a similar key in association with the specified character selects the form control correlated with that key sequence. Page designers are forewarned to avoid key sequences already bound to browsers. This attribute is global since HTML5.

alt

브라우저가 이미지를 출력하지 않을때 출력할 대안의 텍스트. The text should be phrased so that it presents the user with the same kind of choice as the image would offer when displayed without the alternative text. In HTML4, this attribute is required, but may be the empty string (""). In HTML5, this attribute is required only if the href attribute is used.

coords

A set of values specifying the coordinates of the hot-spot region. The number and meaning of the values depend upon the value specified for the shape attribute. For a rect or rectangle shape, the coords value is two x,y pairs: left, top, right, and bottom. For a circle shape, the value is x,y,r where x,y is a pair specifying the center of the circle and r is a value for the radius. For a poly or polygon< shape, the value is a set of x,y pairs for each point in the polygon: x1,y1,x2,y2,x3,y3, and so on. In HTML4, the values are numbers of pixels or percentages, if a percent sign (%) is appended; in HTML5, the values are numbers of CSS pixels.

download HTML5

이 속성이 존재한다면, 작성자는 하이퍼링크를 리소스를 다운로드하는데 사용하도록 의도한것을 가리킵니다. <a> 요소의 download 속성에서 전체 설명을 보세요.

href

이 지역에 대한 하이퍼링크 타겟. 이것의 값은 유효한 URL입니다. In HTML4, either this attribute or the nohref attribute must be present in the element. In HTML5, this attribute may be omitted; if so, the area element does not represent a hyperlink.

hreflang HTML5

링크된 리소스의 언어를 가리킵니다. 허용되는 값은 BCP47에 의해 결정됩니다. 이 값은 href 속성이 존재할때만 사용합니다.

name HTML 4 only, 안씀 Gecko 5.0

클릭 가능한 지역의 이름을 정의해서 오래된 브라우저에서 스크립트 될수 있도록 합니다.

media HTML5

A hint of the media for which the linked resource was designed, for example print and screen. If omitted, it defaults to all. Use this attribute only if the href attribute is present.

nohref HTML 4 only, 안씀 Gecko 5.0

Indicates that no hyperlink exists for the associated area. Either this attribute or the href attribute must be present in the element.

사용시 주의: 이 속성은 HTML5에서 폐기되었습니다. 대신에 href 속성을 생략하는것으로도 충분합니다.

rel HTML5

For anchors containing the href attribute, this attribute specifies the relationship of the target object to the link object. The value is a comma-separated list of link types values. The values and their semantics will be registered by some authority that might have meaning to the document author. The default relationship, if no other is given, is void. Use this attribute only if the href attribute is present.

shape

관련된 핫 스폿의 모양. The specifications for HTML 5 and HTML 4 define the values rect, which defines a rectangular region; circle, which defines a circular region; poly, which defines a polygon; and default, which indicates the entire region beyond any defined shapes. Many browsers, notably Internet Explorer 4 and higher, support circ, polygon, and rectangle as valid values for shape; these values are .

tabindex HTML 4 only, 안씀 Gecko 5.0

A numeric value specifying the position of the defined area in the browser tabbing order. This attribute is global in HTML5.

target

이 속성은 링크된 리소스가 어디에 표시될지 지정합니다. HTML4에서 이것은 프레임의 이름이나 키워드가 될수 있습니다. HTML5에서는, 브라우징 컨텍스트(탭,윈도우,인라인 프레임)의 이름이나 키워드가 될수 있습니다. 다음 키워드들은 특별한 의미를 가지고 있습니다.

• _self: 결과를 현재 HTML4 프레임 또는 HTML5 브라우징 컨텍스트에 로드합니다. 이 target 속성이 정의되어있지 않은경우 이 값이 기본값이 됩니다.
• _blank: 결과를 이름없는 새로운 HTML4 윈도우나 HTML5 브라우징 컨텍스트에 로드합니다.
• _parent: 결과를 현재 HTML4 프레임의 부모 프레임셋에 로드하거나 부모 HTML5 브라우징 컨텍스트에 로드합니다. 만약 부모가 없을 경우 _self와 동일하게 여겨집니다.
• _top: HTML4에서는, 다른 모든 프레임을 취소하고 결과를 꽉찬 본래의 윈도우에 로드합니다. HTML5에서는, 결과를 최상위 브라우징 컨텍스트에 로드합니다. 만약 부모가 없다면, 이 옵션은 _self와 같이 행동합니다.

이 속성은 href 속성이 존재할떄만 사용합니다.

type

이 속성은 링크 타겟의 미디어 타입을 MIME 타입으로 지정합니다. Generally, this is provided strictly as advisory information; however, in the future a browser might add a small icon for multimedia types. For example, a browser might add a small speaker icon when type is set to audio/wav. For a complete list of recognized MIME types, see https://www.w3.org/TR/html4/references.html#ref-MIMETYPES. Use this attribute only if the href attribute is present.

예제

<map name="primary">
  <area shape="circle" coords="200,250,25" href="another.htm" /> 
  <area shape="default" nohref />
</map>

사양

브라우저 호환성

참고

Under the HTML 3.2, 4.0, and 5 specifications, the closing tag </area> is forbidden.

The XHTML 1.0 specification requires a trailing slash: <area />.

The id, class, and style attributes have the same meaning as the core attributes defined in the HTML 4 specification, but only Netscape and Microsoft define them.

Netscape 1–level browsers do not understand the target attribute as it relates to frames.

HTML 3.2 defines only alt, coords, href, nohref, and shape.