차례
      1. 4.8.12 The map element
      2. 4.8.13 The area element
      3. 4.8.14 이미지 맵
        1. 4.8.14.1 저작
        2. 4.8.14.2 처리모델
      4. 4.8.15 MathML
      5. 4.8.16 SVG
      6. 4.8.17 크기 속성

4.8.12 The map element

요소가 속하는 범주Categories
플로우 컨텐츠Flow content

요소가 구문 컨텐츠만을 포함하는 경우 : 구문 컨텐츠

When the element only contains phrasing content: phrasing content.

이 요소가 사용될 수 있는 문맥:Contexts in which this element can be used

요소가 구문 컨텐츠만을 포함하는 경우 : 구문 컨텐츠가 올 수 있는 곳

When the element only contains phrasing content: where phrasing content is expected.

아니라면: 플로우 컨텐츠가 올 수 있는 곳

Otherwise: where flow content is expected.

이 요소가 포함할 수 있는 것:Content model
투명한 내용Transparent
요소에 사용할 수 있는 속성:Content attributes
전역 속성Global attributes
name
DOM interface:
interface HTMLMapElement : HTMLElement {
           attribute DOMString name;
  readonly attribute HTMLCollection areas;
  readonly attribute HTMLCollection images;
};

map 요소는 자손 요소인 area 요소와 함께 이미지 맵을 정의합니다. 요소는 자신의 자손을 나타냅니다.

The map element, in conjunction with any area element descendants, defines an image map. The element represents its children.

name 속성을 써서 맵을 참조할 수 있는 이름을 정합니다. 이 속성은 반드시 사용해야 하며, 값은 공백문자를 포함할 수 없고 비어있지 않아야 합니다. 동일한 문서에서 name 속성의 값을 중복시킬 수 없으며 중복을 판단할 때는 호환성, 대소문자 구분없이 비교합니다. 요소에 id 속성을 사용했다면 두 속성은 같은 값을 가져야 합니다.

The name attribute gives the map a name so that it can be referenced. The attribute must be present and must have a non-empty value with no space characters. The value of the name attribute must not be a compatibility-caseless match for the value of the name attribute of another map element in the same document. If the id attribute is also specified, both attributes must have the same value.

map . areas

map 안에 있는 area 요소의 HTMLCollection 을 반환합니다.

Returns an HTMLCollection of the area elements in the map.

map . images

map 안에 있는 img, object 요소의 HTMLCollection 을 반환합니다.

Returns an HTMLCollection of the img and object elements that use the map.

The areas attribute must return an HTMLCollection rooted at the map element, whose filter matches only area elements.

The images attribute must return an HTMLCollection rooted at the Document node, whose filter matches only img and object elements that are associated with this map element according to the image map processing model.

The IDL attribute name must reflect the content attribute of the same name.

이미지 맵은 편리한 관리를 위해, 페이지의 다른 컨텐츠와 연계하여 정의될 수 있습니다. 이 예제는 이미지 맵이 페이지의 상단에 있고, 그에 대응하는 텍스트 링크들이 페이지의 하단에 위치한 예제입니다.

Image maps can be defined in conjunction with other content on the page, to ease maintenance. This example is of a page with an image map at the top of the page and a corresponding set of text links at the bottom.

<!DOCTYPE HTML>
<TITLE>Babies™: Toys</TITLE>
<HEADER>
 <H1>Toys</H1>
 <IMG SRC="/images/menu.gif"
      ALT="Babies™ navigation menu. Select a department to go to its page."
      USEMAP="#NAV">
</HEADER>
 ...
<FOOTER>
 <MAP NAME="NAV">
  <P>
   <A HREF="/clothes/">Clothes</A>
   <AREA ALT="Clothes" COORDS="0,0,100,50" HREF="/clothes/"> |
   <A HREF="/toys/">Toys</A>
   <AREA ALT="Toys" COORDS="0,0,100,50" HREF="/toys/"> |
   <A HREF="/food/">Food</A>
   <AREA ALT="Food" COORDS="0,0,100,50" HREF="/food/"> |
   <A HREF="/books/">Books</A>
   <AREA ALT="Books" COORDS="0,0,100,50" HREF="/books/">
 </MAP>
</FOOTER>

4.8.13 The area element

요소가 속하는 범주Categories
플로우 컨텐츠Flow content
구문 컨텐츠Phrasing content
이 요소가 사용될 수 있는 문맥:Contexts in which this element can be used

구문 컨텐츠가 올 수 있는 곳. 하지만 map 요소를 조상으로 가져야 합니다.

Where phrasing content is expected, but only if there is a map element ancestor.

이 요소가 포함할 수 있는 것:Content model
이 요소는 비어 있어야 합니다.Empty
요소에 사용할 수 있는 속성:Content attributes
전역 속성Global attributes
alt
coords
shape
href
target
rel
media
hreflang
type
DOM interface:
interface HTMLAreaElement : HTMLElement {
           attribute DOMString alt;
           attribute DOMString coords;
           attribute DOMString shape;
  stringifier attribute DOMString href;
           attribute DOMString target;
           attribute DOMString rel;
  readonly attribute DOMTokenList relList;
           attribute DOMString media;
           attribute DOMString hreflang;
           attribute DOMString type;

  // URL decomposition IDL attributes
           attribute DOMString protocol;
           attribute DOMString host;
           attribute DOMString hostname;
           attribute DOMString port;
           attribute DOMString pathname;
           attribute DOMString search;
           attribute DOMString hash;
};

area 요소는 하이퍼링크와, 그에 대응하는 이미지 맵 상의 영역을 나타내거나, 혹은 이미지 맵 내의 비활성 영역을 나타냅니다.

The area element represents either a hyperlink with some text and a corresponding area on an image map, or a dead area on an image map.

요소가 href 속성을 갖는다면, 요소는 하이퍼링크를 나타냅니다. 그러한 경우, alt 속성을 반드시 사용하여야 합니다. 그것이 하이퍼링크의 텍스트를 명시합니다. alt 속성의 값은 반드시 텍스트여야 되는데, 다른 하이퍼링크들의 alt 텍스트와 이미지의 대체텍스트만 가지고, 이미지 자체는 배제한 체 사용하였더라도, 그러한 하이퍼링크가 텍스트 없이 모양만 적용되었을 경우 사용자가 선택할 수 있었던 것과 같은 선택을 할 수 있는 텍스트를 사용하여야 합니다. 만약 다른 area 요소가 같은 이미지 맵에 적용되고 같은 자원을 가리키며 그 area 요소가 비어있지 않은 alt 속성을 가졌다면, 논의하는 alt 속성의 값은 비어 있어도 됩니다.

If the area element has an href attribute, then the area element represents a hyperlink. In this case, the alt attribute must be present. It specifies the text of the hyperlink. Its value must be text that, when presented with the texts specified for the other hyperlinks of the image map, and with the alternative text of the image, but without the image itself, provides the user with the same kind of choice as the hyperlink would when used without its text but with its shape applied to the image. The alt attribute may be left blank if there is another area element in the same image map that points to the same resource and has a non-blank alt attribute.

area 요소가 href 속성을 갖지 않는다면, 요소가 나타내는 영역은 선택될 수 없는 것이고, 그러한 경우에는 alt 속성을 반드시 생략해야 합니다.

If the area element has no href attribute, then the area represented by the element cannot be selected, and the alt attribute must be omitted.

두 경우 모두, shape 속성과 coords 속성이 영역을 정의합니다.

In both cases, the shape and coords attributes specify the area.

shape 속성은 나열 속성입니다. 다음의 표는 이 속성에서 사용할 수 있는 키워드들을 보여줍니다.

The shape attribute is an enumerated attribute. The following table lists the keywords defined for this attribute. The states given in the first cell of the rows with keywords give the states to which those keywords map. Some of the keywords are non-conforming, as noted in the last column.

State Keywords Notes
Circle state circle
circ

올바르지 않습니다.

Non-conforming

Default state default
Polygon state poly
polygon

올바르지 않습니다.

Non-conforming

Rectangle state rect
rectangle

올바르지 않습니다.

Non-conforming

속성은 생략될 수 있습니다. 그러한 경우 기본값은 사각형rectangle 상태입니다.

The attribute may be omitted. The missing value default is the rectangle state.

coords 속성을 사용했다면, 그 값은 반드시 유효한 정수 목록이어야 합니다. 이 속성은 shape 속성이 설명하는 모양에 좌표들을 제공합니다.

The coords attribute must, if specified, contain a valid list of integers. This attribute gives the coordinates for the shape described by the shape attribute. The processing for this attribute is described as part of the image map processing model.

circle 상태에서, area 요소는 반드시 coords 속성을 가져야 하며, 그 값은 3개의 정수여야 하고, 그중 마지막 것은 음수가 될 수 없습니다. 첫번째 정수는 이미지의 왼쪽 가장자리로부터 원의 중심까지의 거리를 CSS 픽셀로 나타낸 것이어야 합니다. 두번째 정수는 이미지의 위쪽 가장자리로부터 원의 중심까지의 거리를 CSS 픽셀로 나타낸 것이어야 합니다. 마지막 것은 원의 반지름을 나타내며, CSS 픽셀입니다.

In the circle state, area elements must have a coords attribute present, with three integers, the last of which must be non-negative. The first integer must be the distance in CSS pixels from the left edge of the image to the center of the circle, the second integer must be the distance in CSS pixels from the top edge of the image to the center of the circle, and the third integer must be the radius of the circle, again in CSS pixels.

default 상태는 coords 속성을 가질 수 없습니다.(요소는 이미지 전체입니다)

In the default state state, area elements must not have a coords attribute. (The area is the whole image.)

polygon 상태에서, area 요소는 반드시 coords 속성을 가져야 하며 그 값은 최소한 6개의 정수를 가져아 하고, 주어진 숫자의 갯수는 짝수여야 합니다. 각각의 정수의 쌍은 이미지의 왼쪽 위 모서리로부터의 거리를 각각 CSS 픽셀로 나타낸 것이며, 그러한 좌표들이 순서대로 다각형의 꼭지점을 나타내야 합니다.

In the polygon state, area elements must have a coords attribute with at least six integers, and the number of integers must be even. Each pair of integers must represent a coordinate given as the distances from the left and the top of the image in CSS pixels respectively, and all the coordinates together must represent the points of the polygon, in order.

rectangle 상태에서, area 요소는 coords 속성을 가져야 하며 그 값은 정확히 4개의 정수여야 합니다. 첫번째 값은 세번째 것보다 작아야 하고, 두번째 것은 네번째 것보다 작아야 합니다. 네개의 값은 각각 이미지의 모서리와 영역의 모서리 사이의 거리를 CSS 픽셀로 표현하는 값이어야 하는데 이미지-영역 형태로 다음과 같이 대응됩니다 : 좌-좌, 상-상, 좌-우, 상-하.

In the rectangle state, area elements must have a coords attribute with exactly four integers, the first of which must be less than the third, and the second of which must be less than the fourth. The four points must represent, respectively, the distance from the left edge of the image to the left side of the rectangle, the distance from the top edge to the top side, the distance from the left edge to the right side, and the distance from the top edge to the bottom side, all in CSS pixels.

When user agents allow users to follow hyperlinks created using the area element, as described in the next section, the href, target attributes decide how the link is followed. The rel, media, hreflang, and type attributes may be used to indicate to the user the likely nature of the target resource before the user follows the link.

href 속성이 없을 경우 target, rel, media, hreflang, type 속성을 사용할 수 없습니다.

The target, rel, media, hreflang, and type attributes must be omitted if the href attribute is not present.

The activation behavior of area elements is to run the following steps:

  1. If the click event in question is not trusted (i.e. a click() method call was the reason for the event being dispatched), and the area element's target attribute is such that applying the rules for choosing a browsing context given a browsing context name, using the value of the target attribute as the browsing context name, would result in there not being a chosen browsing context, then raise an INVALID_ACCESS_ERR exception and abort these steps.

  2. Otherwise, the user agent must follow the hyperlink created by the area element, if any.

The IDL attributes alt, coords, href, target, rel, media, hreflang, and type, each must reflect the respective content attributes of the same name.

The IDL attribute shape must reflect the shape content attribute.

The IDL attribute relList must reflect the rel content attribute.

The area element also supports the complement of URL decomposition IDL attributes, protocol, host, port, hostname, pathname, search, and hash. These must follow the rules given for URL decomposition IDL attributes, with the input being the result of resolving the element's href attribute relative to the element, if there is such an attribute and resolving it is successful, or the empty string otherwise; and the common setter action being the same as setting the element's href attribute to the new output value.

4.8.14 Image maps

4.8.14.1 저작
이 서브섹션의 제목이 브라우저 제작자 대상이라는 표시가 되어 있는데, 내용은 노출되어 있습니다. 편집과정의 미스로 생각하여, 표시를 지웠습니다.

이미지 맵은 이미지에 기하학적 영역을 허용하고, 이것을 하이퍼링크와 연결합니다.

An image map allows geometric areas on an image to be associated with hyperlinks.

img 요소, 혹은 이미지를 나타내는 object 요소가 이미지 맵과 연결될 수 있습니다. 이러한 연결을 위해 usemap 속성을 그러한 요소에 사용합니다. 속성을 사용하였다면 그 값은 map 요소에 대한 유효한 해쉬명 참조여야 합니다.

An image, in the form of an img element or an object element representing an image, may be associated with an image map (in the form of a map element) by specifying a usemap attribute on the img or object element. The usemap attribute, if specified, must be a valid hash-name reference to a map element.

다음처럼 보이는 이미지 맵을 고려해 보십시오.

Consider an image that looks as follows:

A line with four shapes in it, equally spaced: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star.

만약 단순히, 색상이 있는 영역을 클릭할 수 있기만을 원한다면, 다음과 같이 할 수 있습니다.

If we wanted just the colored areas to be clickable, we could do it as follows:

<p>
 Please select a shape:
 <img src="shapes.png" usemap="#shapes"
      alt="Four shapes are available: a red hollow box, a green circle, a blue triangle, and a yellow four-pointed star.">
 <map name="shapes">
  <area shape=rect coords="50,50,100,100"> <!-- the hole in the red box -->
  <area shape=rect coords="25,25,125,125" href="red.html" alt="Red box.">
  <area shape=circle coords="200,75,50" href="green.html" alt="Green circle.">
  <area shape=poly coords="325,25,262,125,388,125" href="blue.html" alt="Blue triangle.">
  <area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60"
        href="yellow.html" alt="Yellow star.">
 </map>
</p>
4.8.14.2 처리 모델

If an img element or an object element representing an image has a usemap attribute specified, user agents must process it as follows:

  1. First, rules for parsing a hash-name reference to a map element must be followed. This will return either an element (the map) or null.

  2. If that returned null, then abort these steps. The image is not associated with an image map after all.

  3. Otherwise, the user agent must collect all the area elements that are descendants of the map. Let those be the areas.

Having obtained the list of area elements that form the image map (the areas), interactive user agents must process the list in one of two ways.

If the user agent intends to show the text that the img element represents, then it must use the following steps.

In user agents that do not support images, or that have images disabled, object elements cannot represent images, and thus this section never applies (the fallback content is shown instead). The following steps therefore only apply to img elements.

  1. Remove all the area elements in areas that have no href attribute.

  2. Remove all the area elements in areas that have no alt attribute, or whose alt attribute's value is the empty string, if there is another area element in areas with the same value in the href attribute and with a non-empty alt attribute.

  3. Each remaining area element in areas represents a hyperlink. Those hyperlinks should all be made available to the user in a manner associated with the text of the img.

    In this context, user agents may represent area and img elements with no specified alt attributes, or whose alt attributes are the empty string or some other non-visible text, in a user-agent-defined fashion intended to indicate the lack of suitable author-provided text.

If the user agent intends to show the image and allow interaction with the image to select hyperlinks, then the image must be associated with a set of layered shapes, taken from the area elements in areas, in reverse tree order (so the last specified area element in the map is the bottom-most shape, and the first element in the map, in tree order, is the top-most shape).

Each area element in areas must be processed as follows to obtain a shape to layer onto the image:

  1. Find the state that the element's shape attribute represents.

  2. Use the rules for parsing a list of integers to parse the element's coords attribute, if it is present, and let the result be the coords list. If the attribute is absent, let the coords list be the empty list.

  3. If the number of items in the coords list is less than the minimum number given for the area element's current state, as per the following table, then the shape is empty; abort these steps.

    State Minimum number of items
    Circle state 3
    Default state 0
    Polygon state 6
    Rectangle state 4
  4. Check for excess items in the coords list as per the entry in the following list corresponding to the shape attribute's state:

    Circle state
    Drop any items in the list beyond the third.
    Default state
    Drop all items in the list.
    Polygon state
    Drop the last item if there's an odd number of items.
    Rectangle state
    Drop any items in the list beyond the fourth.
  5. If the shape attribute represents the rectangle state, and the first number in the list is numerically less than the third number in the list, then swap those two numbers around.

  6. If the shape attribute represents the rectangle state, and the second number in the list is numerically less than the fourth number in the list, then swap those two numbers around.

  7. If the shape attribute represents the circle state, and the third number in the list is less than or equal to zero, then the shape is empty; abort these steps.

  8. Now, the shape represented by the element is the one described for the entry in the list below corresponding to the state of the shape attribute:

    Circle state

    Let x be the first number in coords, y be the second number, and r be the third number.

    The shape is a circle whose center is x CSS pixels from the left edge of the image and y CSS pixels from the top edge of the image, and whose radius is r pixels.

    Default state

    The shape is a rectangle that exactly covers the entire image.

    Polygon state

    Let xi be the (2i)th entry in coords, and yi be the (2i+1)th entry in coords (the first entry in coords being the one with index 0).

    Let the coordinates be (xi, yi), interpreted in CSS pixels measured from the top left of the image, for all integer values of i from 0 to (N/2)-1, where N is the number of items in coords.

    The shape is a polygon whose vertices are given by the coordinates, and whose interior is established using the even-odd rule. [GRAPHICS]

    Rectangle state

    Let x1 be the first number in coords, y1 be the second number, x2 be the third number, and y2 be the fourth number.

    The shape is a rectangle whose top-left corner is given by the coordinate (x1, y1) and whose bottom right corner is given by the coordinate (x2, y2), those coordinates being interpreted as CSS pixels from the top left corner of the image.

    For historical reasons, the coordinates must be interpreted relative to the displayed image, even if it stretched using CSS or the image element's width and height attributes.

Mouse clicks on an image associated with a set of layered shapes per the above algorithm must be dispatched to the top-most shape covering the point that the pointing device indicated (if any), and then, must be dispatched again (with a new Event object) to the image element itself. User agents may also allow individual area elements representing hyperlinks to be selected and activated (e.g. using a keyboard); events from this are not also propagated to the image.

Because a map element (and its area elements) can be associated with multiple img and object elements, it is possible for an area element to correspond to multiple focusable areas of the document.

Image maps are live; if the DOM is mutated, then the user agent must act as if it had rerun the algorithms for image maps.

4.8.15 MathML

MathML 네임스페이스로부터 유래한 math 요소는 포함된 컨텐츠로 간주되며, 이 명세에서 내용 모델을 분류하는 기준으로는 구문 컨텐츠에 속합니다.

The math element from the MathML namespace falls into the embedded content, phrasing content, and flow content categories for the purposes of the content models in this specification.

User agents must handle text other than inter-element whitespace found in MathML elements whose content models do not allow straight text by pretending for the purposes of MathML content models, layout, and rendering that that text is actually wrapped in an mtext element in the MathML namespace. (Such text is not, however, conforming.)

User agents must act as if any MathML element whose contents does not match the element's content model was replaced, for the purposes of MathML layout and rendering, by an merror element in the MathML namespace containing some appropriate error message.

To enable authors to use MathML tools that only accept MathML in its XML form, interactive HTML user agents are encouraged to provide a way to export any MathML fragment as an XML namespace-well-formed XML fragment.

MathML 요소의 의미는 MathML 명세와, 그와 연관된 명세에 의해 정의됩니다.

The semantics of MathML elements are defined by the MathML specification and other applicable specifications. [MATHML]

HTML 문서에 사용된 MathML의 예제입니다.

Here is an example of the use of MathML in an HTML document:

<!DOCTYPE html>
<html>
 <head>
  <title>The quadratic formula</title>
 </head>
 <body>
  <h1>The quadratic formula</h1>
  <p>
   <math>
    <mi>x</mi>
    <mo>=</mo>
    <mfrac>
     <mrow>
      <mo form="prefix">−</mo> <mi>b</mi>
      <mo>±</mo>
      <msqrt>
       <msup> <mi>b</mi> <mn>2</mn> </msup>
       <mo>−</mo>
       <mn>4</mn> <mo>⁢</mo> <mi>a</mi> <mo>⁢</mo> <mi>c</mi>
      </msqrt>
     </mrow>
     <mrow>
      <mn>2</mn> <mo>⁢</mo> <mi>a</mi>
     </mrow>
    </mfrac>
   </math>
  </p>
 </body>
</html>

4.8.16 SVG

SVG 네임스페이스에서 유래한 svg 요소는 포함된 컨텐츠로 간주되며, 이 명세서에서 내용 모델을 분류하는 기준으로는 플로우 컨텐츠에 속합니다.

The svg element from the SVG namespace falls into the embedded content, phrasing content, and flow content categories for the purposes of the content models in this specification.

To enable authors to use SVG tools that only accept SVG in its XML form, interactive HTML user agents are encouraged to provide a way to export any SVG fragment as an XML namespace-well-formed XML fragment.

SVG foreignObject 요소가 HTML 네임스페이스에서 유래한 요소를 포함한다면, 그러한 요소들은 모두 플로우 컨텐츠여야 합니다.

When the SVG foreignObject element contains elements from the HTML namespace, such elements must all be flow content. [SVG]

HTML 문서에 포함된 SVG 네임스페이스에서 title 요소의 내용 모델은 구문 컨텐츠입니다. (이것은 SVG 명세에서 주어진 요구사항을 더 강화하는 것입니다)

The content model for title elements in the SVG namespace inside HTML documents is phrasing content. (This further constrains the requirements given in the SVG specification.)

SVG 요소의 의미는 SVG 명세와, 그에 연관된 명세에서 정의됩니다.

The semantics of SVG elements are defined by the SVG specification and other applicable specifications. [SVG]

SVG 명세는 SVG 네임스페이스에서 유래하지 않았으면서 SVG 조각에 포함되지만 foreignObject 요소에 포함되지는 않은, 그러면서 문서의 DOM에 포함되는 요소들을 다루는 것에 관한 요구사항들을 포함합니다. 이 명세는 HTML 네임스페이스에 속하지 않은, SVG 조각 속의 요소에 대해서는 어떠한 프로세싱도 정의하지 않습니다; 그러한 것들은 이 명세서의 관점에서는 요구사항과 관련이 없습니다.

The SVG specification includes requirements regarding the handling of elements in the DOM that are not in the SVG namespace, that are in SVG fragments, and that are not included in a foreignObject element. This specification does not define any processing for elements in SVG fragments that are not in the HTML namespace; they are considered neither conforming nor non-conforming from the perspective of this specification.

4.8.17 크기 속성

저자에 대한 요구사항 : img, iframe, embed, object, video, 그리고 이미지 버튼 상태인 input 요소에 width, height 속성을 사용하여 요소의 시각적 내용에 크기를 명시할 수 있습니다. 그러한 값의 단위는 CSS 픽셀이어야 합니다. 속성을 사용했다면, 그 값은 유효한 양의 정수여야 합니다.

Author requirements: The width and height attributes on img, iframe, embed, object, video, and, when their type attribute is in the Image Button state, input elements may be specified to give the dimensions of the visual content of the element (the width and height respectively, relative to the nominal direction of the output medium), in CSS pixels. The attributes, if specified, must have values that are valid non-negative integers.

명시된 크기는 자원 자체에 명시된 크기와는 다를 수 있습니다. 자원이 CSS 픽셀 해상도와는 다른 해상도를 가졌을 수 있기 때문입니다. (화면에서, CSS 픽셀은 1인치당 96픽셀 해상도를 갖고 있지만, 일반적으로 CSS 픽셀 해상도는 읽는 거리에 좌우됩니다) 두 속성이 모두 명시되었다면, 다음의 선언 중 하나가 반드시 충족되어야 합니다.

The specified dimensions given may differ from the dimensions specified in the resource itself, since the resource may have a resolution that differs from the CSS pixel resolution. (On screens, CSS pixels have a resolution of 96ppi, but in general the CSS pixel resolution depends on the reading distance.) If both attributes are specified, then one of the following statements must be true:

target ratio란, 자원의 고유한 너비와 높이의 비율입니다. specified widthspecified height 는 각각 요소에 명시된 width와 height의 값입니다.

The target ratio is the ratio of the intrinsic width to the intrinsic height in the resource. The specified width and specified height are the values of the width and height attributes respectively.

해당하는 자원이 고유한 너비와 높이를 갖지 않는다면, 두 속성을 모두 생략해야 합니다.

The two attributes must be omitted if the resource in question does not have both an intrinsic width and an intrinsic height.

두 속성이 모두 0 이라면, 요소는 사용자에게 드러날 것을 의도하지 않은 것입니다.(페이지 방문 카운터 서비스의 일부분이라든가)

If the two attributes are both zero, it indicates that the element is not intended for the user (e.g. it might be a part of a service to count page views).

크기 속성은 이미지를 늘리는 의도를 갖고 있지 않습니다.

The dimension attributes are not intended to be used to stretch the image.

User agent requirements: User agents are expected to use these attributes as hints for the rendering.

The width and height IDL attributes on the iframe, embed, object, and video elements must reflect the respective content attributes of the same name.

For iframe, embed, and object the IDL attributes are DOMString; for video the IDL attributes are unsigned long.