W3C13 ¿ÀºêÁ§Æ®(object), À̹ÌÁö¿Í ¾ÖÇ÷¿(applet)Trio ȨÆäÀÌÁö
¸ñÂ÷
  1. ¿ÀºêÁ§Æ®, À̹ÌÁö¿Í ¾ÖÇ÷¿ ¼Ò°³
  2. À̹ÌÁöÀÇ Æ÷ÇÔ: IMG ¿¤·¹¸àÆ®
  3. ÀϹÝÀûÀÎ Æ÷ÇÔ(inclusion): OBJECT ¿¤·¹¸àÆ®
    1. ¿ÀºêÁ§Æ®(object) Ç¥ÇöÀÇ ±ÔÄ¢
    2. ¿ÀºêÁ§Æ® ÃʱâÈ­: PARAM ¿¤·¹¸àÆ®
    3. ¿ÀºêÁ§Æ®ÀÇ ±Û·Î¹ß(global) À̸§Áþ±â
    4. ¿ÀºêÁ§Æ® ¼±¾ð°ú ÀνºÅº½ºÈ­(instantiation)
  4. ¾ÖÇ÷¿(applet)ÀÇ Æ÷ÇÔ: APPLET ¿¤·¹¸àÆ®
  5. ±ò¸°(embedded) ¹®¼­¿¡ ´ë ÇÑ ÁÖ¼®
  6. À̹ÌÁö¸Ê
    1. »ç¿ëÀÚÃø(client-side) À̹ÌÁö¸Ê: MAP, AREA ¿¤·¹¸àÆ®
    2. ¼­¹öÃø(server-side) À̹ÌÁö¸Ê
  7. ¿ÀºêÁ§Æ®, À̹ÌÁö¿Í ¾ÖÇ÷¿ÀÇ º¸´Â Ç¥Çö
    1. ³Êºñ¿Í ³ôÀÌ
    2. À̹ÌÁö¿Í ¿ÀºêÁ§Æ®(object) ÁÖÀ§ÀÇ °ø°£
    3. Å׵θ®(border)
    4. Á¤·Ä
  8. ´ëü(alternate) ÅؽºÆ® ÁöÁ¤ ¹æ¹ý

13.1 ¿ÀºêÁ§Æ®(object), À̹ÌÁö¿Í ¾ÖÇ÷¿(applet) ¼Ò°³

HTMLÀÇ ¸ÖƼ¸Þµð¾Æ(multimedia) ±â´ÉÀ¸·Î Á¦ÀÛÀÚ´Â ÆäÀÌÁö¿¡ À̹ÌÁö, ¾ÖÇ÷¿(applet: ÀÚµ¿ÀûÀ¸·Î »ç¿ëÀÚ ±â°è¿¡ ´Ù¿î·Îµå µÇ¾î ÀÛµ¿ÇÏ´Â ÇÁ·Î±×·¥), ºñµð¿À Á¶°¢(video clip)°ú ±âŸ HTML ¹®¼­¸¦ Æ÷ÇÔ ½Ãų ¼ö ÀÖ´Ù.

¿¹¸¦ µé¾î, PNG À̹ÌÁö¸¦ ¹®¼­¿¡ Æ÷ÇÔ ½ÃÅ°±â À§ÇÏ¿©, Á¦ÀÛÀÚ´Â ´ÙÀ½°ú °°ÀÌ ¾µ ¼ö ÀÖ´Ù.

<BODY>
 <P>±×·£µå ij³âÀÇ ±ÙÁ¢ »çÁøÀÌ ¿©±â¿¡ ÀÖ´Ù.
 <OBJECT data="canyon.png" type="image/png">ÀÌ°ÍÀÌ ±×·£µå ij³âÀÇ
	<EM>±ÙÁ¢ »çÁø</EM>ÀÌ´Ù.</OBJECT>
</BODY>

ÀÌÀü HTMLÀÇ ¹öÀü¿¡¼­ Á¦ÀÛÀÚ°¡ IMG¸¦ Åë ÇØ À̹ÌÁö¸¦, APPLETÀ» Åë ÇØ ¾ÖÇ÷¿¸¦ Æ÷ÇÔ ½Ãų ¼ö ÀÖ¾ú´Ù. ÀÌµé ¿¤·¹¸àÆ®´Â ´ÙÀ½ ¸î°¡Áö Á¦ÇÑÀÌ ÀÖ´Ù.

ÀÌ ¹®Á¦µéÀ» À§ÇÏ¿© HTML 4.01Àº ¿ÀºêÁ§Æ® Æ÷ÇÔÀÇ ¸ðµç ¸ñÀû ÇØ°áÃ¥À» Á¦°øÇϵµ·Ï OBJECT ¿¤·¹¸àÆ®¸¦ µµÀÔÇß´Ù. OBJECT ¿¤·¹¸àÆ®´Â HTML Á¦ÀÛÀÚ°¡ »ç¿ëµµ±¸¿¡ ÀÇÇÏ¿© Ç¥ÇöµÇ´Â ¿ÀºêÁ§Æ®¿¡ ÇÊ¿ä ÇÑ ¿øº» ÄÚµå, ÃÖÃÊ°ªµé°ú ÀÛµ¿(run-time) µ¥ÀÌÅÍ µî ¸ðµç °ÍÀ» ÁöÁ¤ ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù. ÀÌ ±Ô°Ý¿¡¼­, ¿ë¾î "¿ÀºêÁ§Æ®"(object)´Â »ç¶÷µéÀÌ HTML ¹®¼­ ¾È¿¡ À§Ä¡ ½ÃÅ°±â¸¦ ¿øÇÏ´Â °ÍµéÀ» ±â¼úÇϴµ¥ »ç¿ë µÇ°í, À̰͵éÀ» À§ÇØ ÀϹÝÀûÀ¸·Î »ç¿ëµÇ´Â ¿ë¾î·Î ¾ÖÇ÷¿(applet), Ç÷¯±×ÀÎ(plug-in), ¸Þµð¾Æ Çڵ鷯(media handler) µîÀÌ ÀÖ´Ù.

ÀÌ »õ·Î¿î OBJECT ¿¤·¹¸àÆ®´Â °ú°ÅÀÇ ¿¤·¹¸àÆ®°¡ ¼öÇàÇÏ´Â ÀÓ¹«ÀÇ ÀϺθ¦ Æ÷ÇÔÇÑ´Ù. ´ÙÀ½ ±â´É µµÇ¥¸¦ º¸¶ó.

Æ÷ÇÔ µÈ ŸÀÔ ±¸Ã¼Àû(specific) ¿¤·¹¸àÆ® ÀϹÝÀû(generic) ¿¤·¹¸àÆ®
À̹ÌÁö IMG OBJECT
¾ÖÇ÷¿ APPLET (ºÒ·®ÇÑ)°ÍÀÌ´Ù. OBJECT
´Ù¸¥ HTML ¹®¼­ IFRAME OBJECT

ÀÌ µµÇ¥´Â Æ÷ÇÔ(inclusion) µÈ °¢ ŸÀÔÀº ±¸Ã¼Àû(specific) Çعý°ú ÀϹÝÀû(general) ÇعýÀ» °®´Â´Ù. ÀϹÝÀû OBJECT ¿¤·¹¸àÆ®´Â ¹Ì·¡ÀÇ ¸Þµð¾Æ ŸÀԵ鿡 ´ëÇÑ ÇØ°áÃ¥À¸·Î »ç¿ë µÉ °ÍÀÌ´Ù.

À̹ÌÁö¸¦ Æ÷ÇÔ Çϱâ À§ÇÏ¿©, Á¦ÀÛÀÚ´Â ÀÌ OBJECT ¿¤·¹¸àÆ® ¶Ç´Â IMG ¿¤·¹¸àÆ®¸¦ »ç¿ë ÇÒ ¼ö ÀÖ´Ù.

¾ÖÇ÷¿À» Æ÷ÇÔ Çϱâ À§ÇÏ¿©, APPLET ¿¤·¹¸àÆ®´Â ºÒ·®ÇÑ °ÍÀ̱⠶§¹®¿¡, Á¦ÀÛÀÚ´Â OBJECT ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

HTML ¹®¼­¿¡ ´Ù¸¥ ¹®¼­¸¦ Æ÷ÇÔ Çϱâ À§ÇÏ¿©, Á¦ÀÛÀÚ´Â »õ·Î¿î IFRAME ¿¤·¹¸àÆ® ¶Ç´Â OBJECT ¿¤·¹¸àÆ®¸¦ »ç¿ë ÇÒ ¼ö ÀÖ´Ù. ¾ç ÂÊ ´Ù ±ò¸°(embedded) ¹®¼­´Â ÁÖµÈ ¹®¼­¿Í µ¶¸³ÀûÀÌ´Ù. º¸´Â »ç¿ëµµ±¸´Â ÁÖ µÈ ¹®¼­ ¾È¿¡¼­ ±¸º° µÇ´Â â(window)¿¡ ±ò¸° ¹®¼­¸¦ Ç¥Çö ÇÒ ¼ö ÀÖ´Ù. ¹®¼­ Æ÷ÇÔ¿¡¼­ OBJECT ¿Í IFRAMEÀ» ºñ±³Çϱâ À§ÇÏ¿© ±ò¸° ¹®¼­¿¡ ´ëÇÑ ÁÖ¼®À» ÂüÁ¶Ç϶ó.

À̹ÌÁö¿Í ´Ù¸¥ Æ÷ÇÔ µÈ ¿ÀºêÁ§Æ®´Â °ü·Ã µÈ ÇÏÀÌÆÛ¸µÅ©¸¦ °¡Áú ¼ö Àִµ¥, µÎ°¡Áö ´Ù Ç¥ÁØ ¿¬°á ±â´ÉÀ» ÅëÇÏ¿©, ¶Ç´Â À̹ÌÁö¸ÊÀ» ÅëÇÏ¿© ¿¬°á ½ÃŲ´Ù. À̹ÌÁö¸ÊÀº Æ÷ÇÔ µÈ ¿ÀºêÁ§Æ®ÀÇ È°¼º Áö¿ªµéÀ» ÁöÁ¤ÇÏ°í, °¢ Áö¿ªÀÇ ¿¬°áÀ» ÁöÁ¤ÇÑ´Ù. È°¼ºÈ­ µÇ¸é ÀÌµé ¿¬°áÀº ¹®¼­ÀÇ Àоî Ç¥ÇöÇÏ°Ô µÇ°Å³ª ¼­¹öÀÇ ÇÁ·Î±×·¥À» µ¹¸°´Ù.

¾Æ·¡¿¡´Â ¸ÖƼ¸Þµð¾Æ¸¦ Æ÷ÇÔ½ÃÅ°°í, À̵é Æ÷ÇÔ »çÇ×µéÀ» À§ÇÑ À̹ÌÁö¸ÊÀ» ¸¸µå´Â, Á¦ÀÛÀÚ°¡ »ç¿ë ÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ±â´ÉÀ» ´Ù·ç¾ú´Ù.

13.2 À̹ÌÁö Æ÷ÇÔ: IMG ¿¤·¹¸àÆ®(element)

<!-- ÅؽºÆ® ¸¸ º¸´Â »ç¿ëµµ±¸¿¡¼­ ¹®Á¦ ¹ß»ýÀ» ÇÇÇÏ°í, À̹ÌÁö ³»¿ëÀ» ¾Ë¾Æ º¼ ¼ö
	ÀÖ°ÔÇÏ°í, »ç¿ëÀÚ°¡ º¸ÀÌÁö ¾Ê´Â »ç¿ëµµ±¸·Î Ç×ÇØÇϱâ À§ÇØ, ALT·Î ¼³¸íÇÏ°í,
	¼­¹öÃø(server-side) À̹ÌÁö¸ÊÀÇ »ç¿ëÀ» ȸÇÇ ÇÒ ÇÊ¿ä°¡ ÀÖ´Ù. -->
<!ELEMENT IMG - O EMPTY               -- ±ò¸°(Embedded) À̹ÌÁö -->
<!ATTLIST IMG
 %attrs;                              -- %coreattrs, %i18n, %events --
 src         %URI;          #REQUIRED -- ±ò¸± À̹ÌÁöÀÇ URI --
 alt         %Text;         #REQUIRED -- ªÀº ¼³¸í --
 longdesc    %URI;          #IMPLIED -- ±ä¼³¸í¿¡ ¿¬°á(alt º¸¿Ï) --
 name        CDATA          #IMPLIED -- ½ºÅ©¸³ÆÃ(scripting)À» À§ÇÑ À̹ÌÁö À̸§--
 height      %Length;       #IMPLIED  -- ³ôÀÌ µ¤¾î ¾º¿ò(override) --
 width       %Length;       #IMPLIED -- ³Êºñ µ¤¾î ¾º¿ò --
 usemap      %URI;          #IMPLIED -- »ç¿ëÀÚÃø(client-side) À̹ÌÁö¸ÊÀÇ »ç¿ë --
 ismap       (ismap)        #IMPLIED  -- ¼­¹öÃø(server-side) À̹ÌÁö¸ÊÀÇ »ç¿ë --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: »ç¿ë ±ÝÁö

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

src = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â À̹ÌÁö ÀÚ¿øÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù. ³Î¸® ¾Ë·ÁÁø À̹ÌÁö ¾ç½ÄÀº GIF, JPEG¿Í PNG¸¦ Æ÷ÇÔÇÑ´Ù.
longdesc = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â À̹ÌÁö¿¡ ´ë ÇÑ ±ä¼³¸íÀÇ ¿¬°áÀ» ÁöÁ¤ÇÑ´Ù. ÀÌ ±ä¼³¸íÀº alt ¾ÖÆ®¸®ºäÆ®·Î Á¦°ø µÈ ªÀº ¼³¸íÀ» º¸¿ÏÇÏ¿©¾ß ÇÑ´Ù. À̹ÌÁö°¡ À̹ÌÁö¸Ê°ú ¿¬°ü µÈ ¶§¿¡´Â, ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÀÌ À̹ÌÁö¸ÊÀÇ ³»¿ë¿¡ ´ë ÇÑ Á¤º¸¸¦ Á¦°øÇÑ´Ù. ÀÌ´Â ¼­¹öÃø(server-side) À̹ÌÁö¸Ê¿¡¼­ ƯÈ÷ Áß¿äÇÏ´Ù. IMG°¡ A ¿¤·¹¸àÆ®ÀÇ ³»¿ë(content) Áß ÀÏ ºÎºÐÀÏ ¼ö ÀÖÀ¸¹Ç·Î, »ç¿ëµµ±¸µé°¡ IMGÀÇ ±ä¼³¸í("longdesc")ÀÇ ÀÚ¿ø¿¡ Á¢¼ÓÇÏ´Â ±â´É(mechanism)Àº A ¿¤·¹¸àÆ®ÀÇ ³»¿ë(content)ÀÇ ÀÚ¿ø¿¡ Á¢¼ÓÇÏ´Â ±â´É°ú´Â ´Þ¶ó¾ß ÇÑ´Ù.
name = cdata [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¿¤·¹¸àÆ®¿¡ À̸§À» ÁÖ¾î ½ºÅ¸ÀϽ¬Æ®³ª ½ºÅ©¸³Æ®¿¡¼­ ÂüÁ¶ ÇÒ ¼ö ÀÖ°Ô ÇØ ÁØ´Ù.
ÁÖ¼®. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â °ú°Å ¹öÀü ºÎÇÕ¼ºÀ» À§ÇØ Æ÷ÇԵǾú´Ù. »õ·Î¿î »ç¿ëÀº ¿¤·¹¸àÆ®µéÀ» ÁöÁ¤Çϱâ À§ÇÏ¿© id ¾ÖÆ®¸®ºäÆ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

IMG ¿¤·¹¸àÆ®´Â ÇöÀç ¹®¼­ÀÇ ¿¤·¹¸àÆ®¸¦ Á¤ÀÇ ÇÑ À§Ä¡¿¡ À̹ÌÁö°¡ ±ò¸®°Ô ÇÑ´Ù. IMG ¿¤·¹¸àÆ®´Â ³»¿ëÀ» °¡Áö°í ÀÖÁö ¾Ê´Ù. src ¾ÖÆ®¸®ºäÆ®¿¡ ÀÇÇÏ¿© ÁöÁ¤ µÈ À̹ÌÁö·Î ÀζóÀο¡ µé¾î°¡´Â °ÍÀÌ º¸ÅëÀÌ´Ù. ¿¹¿Ü·Î´Â ¿ÞÂÊ È¤Àº ¿À¸¥ÂÊÀ¸·Î Á¤·Ä µÈ ÁÙ ¹ÛÀÇ À¯µ¿("floated") À̹ÌÁöµéÀÌ ÀÖ´Ù.

°¡Á· »çÁøÀ¸·Î ¿¬°áÀ» ÁöÁ¤ ÇÑ À§ ¿¹Á¦¿¡¼­ »çÁøÀ» Á÷Á¢ ÇöÀç ¹®¼­¿¡ ¿¬°á½ÃÄ×´Ù.

<BODY>
 <P>³ª´Â ¹æ±Ý ÈÞ°¡·Î ºÎÅÍ µ¹¾Æ ¿Ô´Ù! ¿©±â¿¡ È£¼ö°¡¿¡¼­ÀÇ ¿ì¸® °¡Á· »çÁø
 <IMG src="http://www.somecompany.com/People/Ian/vacation/family.png"
    alt="È£¼ö°¡¿¡¼­ÀÇ ¿ì¸® °¡Á· »çÁø">
</BODY>

ÀÌ Æ÷ÇÑÀº OBJECT ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿© ´ÙÀ½°ú °°ÀÌ ÇÒ ¼öµµ ÀÖ´Ù.

<BODY>
 <P>³ª´Â ¹æ±Ý ÈÞ°¡·Î ºÎÅÍ µ¹¾Æ ¿Ô´Ù! ¿©±â¿¡ È£¼ö°¡¿¡¼­ÀÇ ¿ì¸® °¡Á· »çÁø
 <OBJECT data="http://www.somecompany.com/People/Ian/vacation/family.png"
   type="image/png">È£¼ö°¡¿¡¼­ÀÇ ¿ì¸® °¡Á· »çÁø
</OBJECT>
</BODY>

alt ¾ÖÆ®¸®ºäÆ®´Â À̹ÌÁö°¡ Ç¥½Ã µÉ ¼ö ¾øÀ» ¶§ ³ªÅ¸ ³¯ ´ëü(alternate) ÅؽºÆ®¸¦ ¼³Á¤ÇÑ´Ù(´ëü ÅؽºÆ® ¼³Á¤ ¹æ¹ý ÂüÁ¶). »ç¿ëµµ±¸´Â À̹ÌÁö ŸÀÔÀ» Áö¿ø ÇÒ ¼ö ¾ø°Å³ª À̹ÌÁö°¡ µð½ºÇ÷¹ÀÌ µÇÁö ¾Êµµ·Ï ¼³Á¤ µÇ¾úÀ» ¶§ µî À̹ÌÁö¸¦ Áö¿ø ÇÒ ¼ö ¾øÀ» ¶§, ´ëü(alternate) ÅؽºÆ®¸¦ Ç¥½ÃÇÏ¿©¾ß ÇÑ´Ù.

longdesc ¾ÖÆ®¸®ºäÆ®·Î dzºÎ ÇÑ ¼³¸í¿¡ ¿¬°á ½ÃÅ°´Â ¹æ¹ýÀ» ¼³¸í ÇÑ ¿¹Á¦:

<BODY>
 <P><IMG src="sitemap.gif"  alt="HP Labs Site Map"  longdesc="sitemap.html">
</BODY>

alt ¾ÖÆ®¸®ºäÆ®´Â ªÀº À̹ÌÁöÀÇ ¼³¸íÀ» Á¦°øÇϴµ¥, ÀÌ´Â »ç¿ëÀÚ°¡ longdesc ¾ÖÆ®¸®ºäÆ®·Î Á¦°øÇÏ´Â ÀÚ¼¼ ÇÑ ¼³¸í(¿©±â¼­´Â "sitemap.html")¿¡ ¿¬°á½ÃÄÑ º¼ °ÍÀΰ¡¸¦ °áÁ¤ÇÑ´Ù.

À̹ÌÁöÀÇ Å©±â(size), Á¤·Ä(alignment)¿Í Å׵θ®(border)¿¡ ´ë ÇÑ Á¤º¸´Â ¿ÀºêÁ§Æ®, À̹ÌÁö¿Í ¾ÖÇ÷¿ÀÇ º¸´Â Ç¥ÇöÀ» ÂüÁ¶Ç϶ó.

13.3 ÀϹÝÀû Æ÷ÇÔ: OBJECT ¿¤·¹¸àÆ®

<!ELEMENT OBJECT - - (PARAM | %flow;)*
-- ÀϹÝÀû(generic) ±ò¸°(embedded) ¿ÀºêÁ§Æ®(object) -->
<!ATTLIST OBJECT
 %attrs;                              -- %coreattrs, %i18n, %events --
 declare     (declare)      #IMPLIED  -- ¼±¾ðµÇ³ª Áï½ÃÈ­°¡ µÇÁö ¾ÊÀ½ --
 classid     %URI;          #IMPLIED  -- ÀÛ¿ë ÁöÁ¤ -
 codebase    %URI;          #IMPLIED  -- classid, data, archiveÀÇ ±âÁØ URI --
 data        %URI;          #IMPLIED  -- ¿ÀºêÁ§Æ® µ¥ÀÌÅÍ ÂüÁ¶ --
 type        %ContentType;  #IMPLIED  -- µ¥ÀÌÅÍ ÄÁÅÙÆ® ŸÀÔ(content type) --
 codetype    %ContentType;  #IMPLIED  -- ÄÚµå(code) ÄÁÅÙÆ® ŸÀÔ --
 archive     CDATA          #IMPLIED  -- °ø°£ ±ÛÀÚ·Î ºÐ¸®µÈ URIµéÀÇ ¸ñ·Ï --
 standby     %Text;         #IMPLIED  -- ·Îµù Áß º¸ÀÌ´Â ¸Þ¼¼Áö --
 height      %Length;       #IMPLIED  -- ³ôÀÌ µ¤¾î ¾º¿ì±â(override) --
 width       %Length;       #IMPLIED  -- ³Êºñ µ¤¾î ¾º¿ì±â -
 usemap      %URI;          #IMPLIED  -- ½Ã¿ëÀÚ(client-side) À̹ÌÁö¸Ê »ç¿ë --
 name        CDATA          #IMPLIED  -- Æû(form)ÀÇ ºÎºÐ¿¡¼­ ¹ß¼Û(submit) --
 tabindex    NUMBER         #IMPLIED  -- ÅÇ(tab) ¼ø¼­¿¡¼­ÀÇ À§Ä¡ --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ÇÊ¿ä ÇÔ

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

classid = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â URI¸¦ ÅëÇÏ¿© Àû¿ëµÇ´Â ¿ÀºêÁ§Æ®ÀÇ À§Ä¡¸¦ ÁöÁ¤Çϴµ¥ »ç¿ëµÈ´Ù. ¿ÀºêÁ§Æ®ÀÇ Á¾·ù(type)¿¡ µû¶ó data ¾ÖÆ®¸®ºäÆ®¿Í °°ÀÌ È¤Àº ´ëü(alternative)ÇÏ¿© »ç¿ë µÉ ¼ö ÀÖ´Ù.
codebase = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â classid, data¿Í archive ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤ µÈ »ó´ë URI¸¦ »êÁ¤Çϱâ À§ÇÑ ±âº» °æ·ÎÀ» ¼³Á¤ÇÑ´Ù. ÀÌ°ÍÀÌ ÀÖÀ¸¸é, µðÆúÆ® °ªÀº ÇöÀç ¹®¼­ÀÇ ±âÁØ URIÀÌ µÈ´Ù.
codetype = content-type [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â classid¿¡ ÀÇÇÏ¿© ÁöÁ¤ µÈ ¿ÀºêÁ§Æ®¸¦ ´Ù¿î·Îµå ÇÒ ¶§, ¿¹»óµÇ´Â µ¥ÀÌÅÍÀÇ ÄÁÅÙÆ® ŸÀÔ(content type)À» ÁöÁ¤ÇÑ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼±ÅÃÀûÀÌÁö ¸¸, ÀÌ´Â »ç¿ëµµ±¸°¡ Áö¿øÇÏÁö ¾Ê´Â ÄÁÅÙÆ® ŸÀÔÀ» ·ÎµùÇÏÁö ¾Ê°Ô ÇϹǷÎ, classid°¡ ÁöÁ¤ µÇ¾úÀ» °æ¿ì, ÀÌÀÇ »ç¿ëÀ» ÃßõÇÑ´Ù. ÀÌ°ÍÀÌ ÀÖÀ¸¸é type ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº µðÆúÆ® °ªÀ̵ȴÙ.
data = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¿ÀºêÁ§Æ® µ¥ÀÌÅÍÀÇ À§Ä¡¸¦ ÁöÁ¤Çϴµ¥ »ç¿ëµÈ´Ù. ¿¹¸¦ µé¾î À̹ÌÁö¸¦ ÁöÁ¤ÇÏ´Â ¿ÀºêÁ§Æ®ÀÇ À̹ÌÁö µ¥ÀÌÅ͸¦ À§ÇÏ¿©, ¶Ç´Â ´õ ÀϹÝÀûÀ¸·Î, À̹ÌÁö¸¦ ´Ù½Ã »ý¼ºÇÏ°Ô ÇÏ´Â ¿ÀºêÁ§Æ®ÀÇ ÀÏ·Ã(serialized)ÀÇ Æû¿¡ »ç¿ë µÉ ¼ö ÀÖ´Ù. ¸¸ÀÏ »ó´ë URI·Î ÁÖ¾î Á³´Ù¸é, codebase ¾ÖÆ®¸®ºäÆ®¿¡ ´ë ÇØ »ó´ëÀûÀ¸·Î Çؼ®ÇÑ´Ù.
type = content-type [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â data¿¡ ÀÇ ÇØ Á¤ÀÇ µÈ µ¥ÀÌÅÍÀÇ ÄÁÅÙÆ® ŸÀÔÀ» ÁöÁ¤ÇÑ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¼±ÅÃÀûÀÌÁö ¸¸, ÀÌ´Â »ç¿ëµµ±¸°¡ Áö¿øÇÏÁö ¾Ê´Â ÄÁÅÙÆ® ŸÀÔÀ» ·ÎµùÇÏÁö ¾Ê°Ô ÇϹǷÎ, data°¡ ÁöÁ¤ µÇ¾úÀ» °æ¿ì »ç¿ëÇÏ´Â °ÍÀ» ÃßõÇÑ´Ù. ¿ÀºêÁ§Æ®À» ¹Þ¾ÒÀ» ¶§(retrieved), ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ, ¼­¹ö¿¡ µ¹¾Æ¿Â Content-Type HTTP Çì´õ(header)¿Í ´Ù¸£¸é, Content-Type HTTP Çì´õ(header)°¡ Àû¿ëµÈ´Ù.
archive = uri list [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â classid¿Í data ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤ µÈ ÀÚ¿øÀ» Æ÷ÇÔ(include) ½Ãų ¼ö ÀÖ°Ô ÇÏ´Â ¿ÀºêÁ§Æ®µéÀ» °®´Â °ø°£ ±ÛÀÚ·Î ºÐ¸®µÇ´Â URI ¸ñ·ÏÀ» ÁöÁ¤Çϴµ¥ »ç¿ëµÈ´Ù. »çÀü ·ÎµùÀº ÀϹÝÀûÀ¸·Î ¿ÀºêÁ§Æ®ÀÇ ·Îµù ½Ã°£À» ´ÜÃà½ÃŲ´Ù. »ó´ë URI·Î ÁöÁ¤ µÈ °ªÀº codebase ¾ÖÆ®¸®ºäÆ®¿¡ ´ë ÇØ »ó´ëÀûÀ¸·Î Çؼ®µÇ¾î¾ß ÇÑ´Ù.
declare = [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ °ÍÀÌ ÀÖÀ¸¸é, ÀÌ ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®´Â ÇöÀç OBJECT Á¤ÀǸ¦ ´ÜÁö ¼±¾ðÀûÀ¸·Î ¸¸µç´Ù. ÀÌ ¿ÀºêÁ§Æ®´Â µÚ¿¡ ³ª¿À´Â OBJECT Á¤ÀÇ¿¡ ÀÇÇÏ¿© ÀÌ ¼±¾ðÀ» ÂüÁ¶ÇÏ°í, Áï½Ã ÀÛ¿ëÇÏ°Ô(instantiate) ÇÏ¿©¾ß ÇÑ´Ù.
standby = text [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸°¡ ¿ÀºêÁ§Æ®ÀÇ Àû¿ë°ú µ¥ÀÌÅ͸¦ ·ÎµùÇÏ´Â µ¿¾È Ç¥½Ã µÉ ¸Þ¼¼Áö¸¦ ¼³Á¤ÇÑ´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

´ëºÎºÐÀÇ »ç¿ëµµ±¸´Â ÀÚü³»¿¡ ÅؽºÆ®, GIF À̹ÌÁö, »ö»ó, ÆùÆ®¿Í ±×·¡ÇÈ ¿¤·¹¸àÆ® µî ÀϹÝÀûÀÎ µ¥ÀÌÅÍ Å¸ÀÔÀ» Ç¥ÇöÇÏ´Â ±â´ÉÀ» °®´Â´Ù. »ç¿ëµµ±¸°¡ Áö¿øÇÏÁö ¾Ê´Â Å×ÀÌÅÍ Å¸ÀÔÀ» Ç¥ÇöÇϱâ À§ÇÏ¿©, ÀϹÝÀûÀ¸·Î ¿ÜºÎÀÇ ±â´É¿¡ µ¹¸°´Ù. OBJECT ¿¤·¹¸àÆ®´ÂÁ¦ÀÛÀÚ ·ÎÇÏ¿©±Ý ¿ÜºÎ·Î ¶Ç´Â ÇÁ·Î±×·¥À» µ¹¸± °ÍÀÎÁö¸¦ ÁöÁ¤ ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.

´ëºÎºÐÀÇ ÀϹÝÀûÀÎ °æ¿ì, Á¦ÀÛÀÚ ´ÙÀ½ ¼¼°¡Áö Á¾·ùÀÇ Á¤º¸¸¦ ÁöÁ¤ ÇÒ ÇÊ¿ä°¡ ÀÖ´Ù.

OBJECT ¿¤·¹¸àÆ®´Â Á¦ÀÛÀÚ°¡ ¸ðµç ¼¼ ŸÀÔ µ¥ÀÌÅ͸¦ ÁöÁ¤ ÇÒ ¼ö ÀÖ°Ô ÇÏÁö¸¸, ÀÌ ¸ðµç ¼¼ ŸÀÔÀ» Çѹø¿¡ ÁöÁ¤ ÇÒ ÇÊ¿ä´Â ¾ø´Ù. ¿¹¸¦ µé¾î, ÀÛÀº ¾Ö´Ï¸ÞÀ̼Ç(animation)À» ¼öÇàÇÏ´Â ÀÚü Æ÷ÇÔ ¾ÖÇ÷¿ µî ÀϺΠ¿ÀºêÁ§Æ®´Â ÀÌ°ÍÀÌ ÇÊ¿äÇÏÁö ¾ÊÀ» ¼ö ÀÖ´Ù. ´Ù¸¥ °ÍµéÀº ½Ãµ¿ ÃʱâÈ­¸¦ ÇÊ¿ä·Î ÇÏÁö ¾ÊÀ» ¼ö ÀÖ´Ù. ¶Ç ´Ù¸¥ °ÍµéÀº Ãß°¡ÀûÀÎ Àû¿ë Á¤º¸¸¦ ÇÊ¿ä·Î ÇÏÁö ¾ÊÀ» ¼ö ÀÖ´Ù. ¸»ÇÏÀÚ¸é GIF À̹ÌÁöµî¿¡¼­¿Í °°ÀÌ »ç¿ëµµ±¸°¡ ÀÌ Å¸ÀÔÀÇ µ¥ÀÌÅ͸¦ ¾î¶»°Ô Ç¥Çö ÇÒ °ÍÀΰ¡¸¦ ÀÌ¹Ì ¾Ë°í ÀÖÀ» ¼ö ÀÖ´Ù.

Á¦ÀÛÀÚ´Â OBJECT ¿¤·¹¸àÆ®¸¦ ÅëÇÏ¿© ¿ÀºêÁ§Æ®ÀÇ Àû¿ë°ú Ç¥Çö µÉ µ¥ÀÌÅÍÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù. ±×·¯³ª, ÀÛµ¿ ½ÃÀÇ °ªÀ» ÁöÁ¤Çϱâ À§ÇÏ¿©, Á¦ÀÛÀÚ°¡ ¿ÀºêÁ§Æ® ÃʱâÈ­¿¡ ¼³¸í µÈ ¹Ù¿Í °°ÀÌ PARAM ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÑ´Ù.

OBJECT ¿¤·¹¸àÆ®´Â HEAD ¿¤·¹¸àÆ®ÀÇ ³»¿ë¿¡µµ ³ªÅ¸³¯ ¼ö ÀÖ´Ù. »ç¿ëµµ±¸´Â ÀϹÝÀûÀ¸·Î HEAD¿¡ ÀÖ´Â ¿¤·¹¸àÆ®¸¦ Ç¥ÇöÇÏÁö ¾Ê±â ¶§¹®¿¡, Á¦ÀÛÀÚ´Â HEAD ³»ÀÇ OBJECT ¿¤·¹¸àÆ®¿¡´Â Ç¥Çö µÉ ¼ö ÀÖ´Â ³»¿ëÀ» ÁöÁ¤ÇÏÁö ¾Ê´Â´Ù´Â °ÍÀ» ¾Ë¾Æ¾ßÇÑ´Ù. HEAD ¿¤·¹¸àÆ® ¾È¿¡ OBJECT ¿¤·¹¸àÆ®¸¦ Æ÷ÇÔÇÑ ¿¹Á¦´Â ÇÁ·¹ÀÓ µ¥ÀÌÅÍÀÇ °øÀ¯¸¦ ÂüÁ¶Ç϶ó.

Æû(form)¿¡ ÀÖ´Â OBJECT ¿¤·¹¸àÆ®¿¡ ´ëÇؼ­´Â ÆûÀÇ Á¦¾î¸¦ ÂüÁ¶Ç϶ó.

ÀÌ ±Ô°ÝÀº Àû¿ë(implementation)À» ÀνÄ(identify)ÇÏ´Â classid ¾ÖÆ®¸®ºäÆ®¿Í ±× Àû¿ë µ¥ÀÌÅ͸¦ ÁöÁ¤ÇÏ´Â data ¾ÖÆ®¸®ºäÆ®¸¦ OBJECT ¿¤·¹¸àÆ®µéÀÇ ÀÛ¿ë¿¡ Á¤ÀÇÇÏÁö ¾Ê¾Ò´Ù. Á¦ÀÛÀÚµéÀº È®½Ç ÇÑ ÀÛ¿ëÀ» À§ÇÏ¿©, Àû¿ëÇϴµ¥ ¾îµð¿¡¼­ Ãß°¡ÀûÀÎ µ¥ÀÌÅ͸¦ ÀÐ¾î ¿Ã °ÍÀΰ¡¸¦ ¾Ë·ÁÁÖ±â À§ÇÏ¿©, PARAM ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

13.3.1 ¿ÀºêÁ§Æ®(object) Ç¥ÇöÀÇ ±ÔÄ¢

»ç¿ëµµ±¸´Â OBJECT¸¦ Çؼ®Çϴµ¥ ´ÙÀ½°ú °°Àº ¼ø¼­·Î ÇؾßÇÑ´Ù.

  1. »ç¿ëµµ±¸´Â Á¦ÀÏ ¸ÕÀú ¿ÀºêÁ§Æ®ÀÇ Ç¥ÇöÀ» ½ÃµµÇÏ¿©¾ß ÇÑ´Ù. ¿¤·¹¸àÆ®ÀÇ ³»¿ëÀ» Ç¥ÇöÇÏ¸é ¾ÊµÇÁö¸¸, ¿¤·¹¸àÆ®°¡ Á÷Á¢ÀûÀÎ ÀÚ¼Õ(children)ÀÎ PARAM ¿¤·¹¸àÆ®(¿ÀºêÁ§Æ® ÃʱâÈ­ ÂüÁ¶) ȤÀº MAP ¿¤·¹¸àÆ®(»ç¿ëÀÚÃø À̹ÌÁö¸Ê ÂüÁ¶)À» °®À» °æ¿ì, ±× ³»¿ëÀ» Á¡°ËÇÏ¿©¾ß ÇÑ´Ù.
  2. »ç¿ëµµ±¸°¡ Ç¥ÇöÇÏÁö ¾Êµµ·Ï ±¸¼ºµÇ¾ú°Å³ª, ÀÚ¿øÀÌ ºÎÁ·Çϰųª, Àß ¸ø µÈ ±¸Á¶¸¦ °®´Â µî ¾î¶² ÀÌÀ¯¿¡¼­°Ç ¿ÀºêÁ§Æ®¸¦ Ç¥Çö ÇÒ ¼ö ¾øÀ¸¸é, ±× ³»¿ëÀÇ Ç¥ÇöÀÇ ½ÃµµÇÏ¿©¾ß ÇÑ´Ù.

Á¦ÀÛÀÚ´Â HEAD ¿¤·¹¸àÆ® ¾ÈÀÇ OBJECT ¿¤·¹¸àÆ®¿¡ ³»¿ëÀ» Æ÷ÇÔ½ÃÅ°Áö ¾Ê¾Æ¾ßÇÑ´Ù.

´ÙÀ½ ¿¹Á¦¿¡, ¹®¼­ ¾È¿¡ OBJECT ¿¤·¹¸àÆ®¸¦ ÅëÇÏ¿© ¾Æ³ª·Î±× ½Ã°è ¾ÖÇ÷¿À» Æ÷ÇÔ ½ÃÄ×´Ù. Python ¾ð¾î·Î ¾²¿©Áø ÀÌ ¾ÖÇ÷¿Àº Ãß°¡ÀûÀÎ µ¥ÀÌÅͳª ÀÛµ¿ °ªÀ» ÇÊ¿ä·Î ÇÏÁö ¾Ê´Â´Ù. classid ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù.

 <OBJECT classid="http://www.miamachina.it/analogclock.py"></OBJECT>

»ç¿ëµµ±¸°¡ ÀÌ OBJECT ¼±¾ðÀ» Çؼ®ÇÏ´Â Áï½Ã ½Ã°è´Â Ç¥ÇüÀ¸·Î Ç¥Çö µÉ °ÍÀÌ´Ù. ÀÌ ¿ÀºêÁ§Æ®¿¡ ¸ÕÀú ¼±¾ð ÇÔÀ¸·Î¼­ Ç¥ÇöÀ» Áö¿¬(¾Æ·¡ ¼³¸í) ½Ãų ¼ö ÀÖ´Ù.

Á¦ÀÛÀÚ´Â »ç¿ëµµ±¸°¡ ±â°è¸¦ Ç¥ÇöÇÏÁö ¸øÇÏ´Â °æ¿ì¸¦ ´ëºñÇÏ¿© ¼±¾ð¿¡ OBJECTÀÇ ³»¿ëÀ» ´ëü(alternate) ÅؽºÆ®·Î Æ÷ÇÔ ½ÃÄѾßÇÑ´Ù.

<OBJECT
  class id="http://www.miamachina.it/analogclock.py">¾Ö´Ï¸ÞÀÌ¼Ç ½Ã°è</OBJECT>

OBJECT ¿¤·¹¸àÆ® µðÀÚÀÎÀÇ ÇÑ Áß¿äÇÑ È¿°ú´Â ¿ÀºêÁ§Æ®ÀÇ ´ëü Ç¥ÇöÀ» ÁöÁ¤ÇÏ´Â ±â´ÉÀ» Á¦°øÇÏ´Â °ÍÀÌ´Ù. °¢ ±ò¸°(embedded) OBJECT ¼±¾ð¿¡¼­ ´ëü(alternate) ÄÁÅÙÆ® ŸÀÔ¸¦ ÁöÁ¤ ÇÒ ¼ö ÀÖ´Ù. ¸¸ÀÏ »ç¿ëµµ±¸°¡ ÃÖ»óÀ§ÀÇ OBJECT¸¦ Ç¥Çö ÇÒ ¼ö ¾øÀ¸¸é, ´Ù¸¥ OBJECT ¿¤·¹¸àÆ® µî ±× ³»¿ëÀÇ Ç¥ÇöÀ» ½ÃµµÇÑ´Ù.

´ÙÀ½ ¿¹Á¦¿¡¼­´Â, ¸î °³ÀÇ OBJECT ¼±¾ðÀ» ÇÏ¿´À» ¶§ ¾î¶»°Ô ´ëü Ç¥ÇöÀÌ ÀÛ¿ëÇϴ°¡¸¦ ¼³¸íÇÑ´Ù. »ç¿ëµµ±¸´Â ´ÙÀ½ÀÇ ¼ø¼­·Î ù¹ø° OBJECT ¿¤·¹¸àÆ®ÀÇ Ç¥ÇöÀ» ½Ãµµ ÇÒ °ÍÀÌ´Ù.

  1. Python ¾ð¾î·Î ¾²¿©Áø Áö±¸ ¾ÖÇ÷¿
  2. MPEG ¾Ö´Ï¸ÞÀÌ¼Ç Áö±¸
  3. GIF À̹ÌÁö Áö±¸
  4. ´ëü(alternate) ÅؽºÆ®
<P>	<!-- ¸Ç ¸ÕÀú, Python ¾ð¾î·Î ¾²¿©Áø Áö±¸ ¾ÖÇ÷¿ ½Ãµµ -->
<OBJECT title="¿ìÁÖ¿¡¼­ º» Áö±¸" 
	classid="http://www.observer.mars/TheEarth.py">
 	<!-- ¾Æ´Ï¸é, MPEG ¾Ö´Ï¸ÞÀÌ¼Ç Áö±¸ ½Ãµµ -->
 <OBJECT data="TheEarth.mpeg" type="application/mpeg">
   	<!-- ¾Æ´Ï¸é, GIF À̹ÌÁö Áö±¸ ½Ãµµ -->
   <OBJECT data="TheEarth.gif" type="image/gif">
    	<!-- ¾Æ´Ï¸é ´ëü(alternate) ÅؽºÆ® ½Ãµµ -->
    ¿ìÁÖ¿¡¼­ º» <STRONG>Áö±¸</STRONG>.
   </OBJECT>
 </OBJECT>
</OBJECT>

¸¸ÀÏ »ç¿ëµµ±¸°¡ OBJECT¸¦ Ç¥Çö ÇÒ ¼ö ¾øÀ¸¸é, ÃÖ»óÀ§ÀÇ ¼±¾ð µ¥ÀÌÅÍ¿Í ÃÖÃÊ °ªÀ» ÇÊ¿ä·Î ÇÏÁö ¾Ê´Â ¾ÖÇ÷¿À» ÁöÁ¤Çß´Ù. µÎ¹ø° ¼±¾ðÀº MPEGÀÇ Àû¿ë ó¸® À§Ä¡ÀÇ ÁöÁ¤¾øÀÌ »ç¿ëµµ±¸ ¾Ö´Ï¸ÞÀÌ¼Ç ¹æ½Ä¿¡ µû¸£µµ·Ï MPEG ¾Ö´Ï¸ÞÀ̼ÇÀ» ÁöÁ¤Çß°í, ¿©±â¿¡ MPEGÀ» Ç¥Çö ÇÒ ¼ö ¾ø´Â »ç¿ëµµ±¸°¡ ³×Æ®¿ö±×¿¡¼­ "TheEarth.mpeg"À» ãµµ·Ï ³ë·ÂÇÏÁö ¾Ê°Ô type ¾ÖÆ®¸®ºäÆ®µµ ¼³Á¤ÇÏ¿´´Ù. ¼¼¹ø° ¼±¾ðÀº GIF È­ÀÏÀÇ À§Ä¡¿Í ¸ðµç ´Ù¸¥ ±â´ÉÀÌ ½ÇÆÐ ÇÒ ¶§ Ç¥½Ã µÉ ´ëü(alternate) ÅؽºÆ®¸¦ ¼³Á¤ÇÏ¿´´Ù.

ÀζóÀÎ(Inline) ´ë ¿ÜºÎ µ¥ÀÌÅÍ. Ç¥Çö µÉ Å×ÀÌÅÍ´Â ÀζóÀΰú ¿ÜºÎ ÀÚ¿øÀÇ µÎ °¡Áö ¹æ¹ýÀ¸·Î Á¦°øµÈ´Ù. ÀζóÀÎ ¹æ¹ýÀº ÀϹÝÀûÀ¸·Î »¡¸® Ç¥ÇöµÇÁö¸¸ ¸¹Àº ¾çÀÇ µ¥µðÅ͸¦ Ç¥½Ã ÇÒ ¶§´Â ºÒÆíÇÏ´Ù.

OBJECT¿¡ ÀζóÀÎ µ¥ÀÌÅÍ°¡ ¾î¶»°Ô Á¦°øµÇ´Â°¡¸¦ ¼³¸íÇÏ´Â ¿¹Á¦ÀÌ´Ù.

 <OBJECT id="clock1" classid="clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502"
       data="data:application/x-oleobject;base64, ...base64 data...">½Ã°è.
 </OBJECT>

¿ÀºêÁ§Æ® Å©±â, Á¤·Ä, Å׵θ® µî¿¡ °üÇÑ Á¤º¸´Â ¿ÀºêÁ§Æ®, À̹ÌÁö¿Í ¾ÖÇ÷¿ÀÇ º¸´Â Ç¥ÇöÀ» ÂüÁ¶Ç϶ó.

13.3.2 ¿ÀºêÁ§Æ® ÃʱâÈ­(initialization): PARAM ¿¤·¹¸àÆ®

<!ELEMENT PARAM - O EMPTY              -- À̸§ ºÙ¿©Áø Ư¼º °ª -->
<!ATTLIST PARAM
 id          ID             #IMPLIED  -- ¹®¼­ ÀüüÀÇ À¯ÀÏÇÑ id --
 name        CDATA          #REQUIRED -- Ư¼º(property) À̸§ --
 value       CDATA          #IMPLIED  -- Ư¼º °ª --
 valuetype   (DATA|REF|OBJECT) DATA   -- °ªÀ» Çؼ®(interpret)ÇÏ´Â º¡¹ý --
 type        %ContentType;  #IMPLIED  -- valuetype=ref ÀÏ ¶§ °ªÀÇ ÄÁÅÙÆ® ŸÀÔ --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: »ç¿ë ±ÝÁö

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

name = cdata
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â »ðÀÔ µÈ ¿ÀºêÁ§Æ®¸¦ ¾È´Ù°í ÀüÁ¦ÇÏ°í ÀÛµ¿(run-time) ÆĶó¸ÞÅÍ(parameter)ÀÇ À̸§À» ÁöÁ¤ÇÑ´Ù. ÆĶó¸ÞÅÍÀÇ À̸§ÀÇ ´ë¼Ò¹®ÀÚ ±¸º°Àº ±¸Ã¼ÀûÀÎ ¿ÀºêÁ§Æ® Àû¿ë¿¡ µû¶ó ´Ù¸£´Ù.
value = cdata
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ÁöÁ¤ µÈ ÀÛµ¿ ÆĶó¸ÞÅÍÀÇ nameÀÇ °ªÀ» ¼³Á¤ÇÑ´Ù. Ư¼º °ªÀº HTML¿¡¼­´Â Àǹ̸¦ °®Áö ¾Ê°í, »ç¿ë µÈ ±× ¿ÀºêÁ§Æ®¿¡ ÀÇÇØ Á¿ìµÈ´Ù.
valuetype = data|ref|object [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â value ¾ÖÆ®¸®ºäÆ®ÀÇ Á¾·ù(type)¸¦ ÁöÁ¤Çϸç, °¡´ÉÇÑ °ªÀº:
  • data: ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ µðÆúÆ® °ªÀÌ´Ù. ÀÌ °ªÀº ¹®ÀÚ¿­·Î ¿ÀºêÁ§Æ®¿¡ Àû¿ëµÇµµ·Ï °è»êµÇ°í Àü´ÞµÈ´Ù´Â °ÍÀ» ÀǹÌÇÑ´Ù.
  • ref: ÀÌ °ªÀº ÀÛµ¿ °ªÀÌ ÀúÀåµÇ¾î ÀÖ´Â ÀÚ¿øÀÇ À§Ä¡ URI¸¦ ÁöÁ¤ÇÑ´Ù. ÀÌ´Â Áö¿ø µµ±¸°¡ ÆĶó¸ÞÅÍ·Î ÁÖ¾îÁø URI¸¦ ÀνÄÇϵµ·Ï µµ¿ÍÁØ´Ù. URI´Â ¿ÀºêÁ§Æ®¿¡ »êÁ¤(resolved)ÇÏÁö ¾ÊÀº ±×´ë·Î Àü´ÞµÇ¾î¾ß ÇÑ´Ù.
  • object: ÀÌ °ªÀº °°Àº ¹®¼­ ¾È¿¡¼­ OBJECT·Î ¼±¾ð µÈ °ÍÀ» ÂüÁ¶ÇÏ´Â ÁöÁ¤ÀÚ¸¦ ¼³Á¤ÇÑ °ÍÀÌ´Ù. ±× ÁöÁ¤ÀÚ(identifier)´Â OBJECT ¿¤·¹¸àÆ®¸¦ ¼±¾ðÇϱâ À§ ÇØ ¼³Á¤ µÈ id ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀ̾î¾ß ÇÑ´Ù.
type = content-type [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â valuetypeÀÌ "ref"·Î ¼³Á¤ µÈ °æ¿ì¿¡ ÇÑÇÏ¿© value ¾ÖÆ®¸®ºäÆ®·Î ¼³Á¤ µÈ ÀÚ¿øÀÇ ÄÁÅÙÆ® ŸÀÔÀ» ÁöÁ¤ÇÑ´Ù. ±×·¡¼­ ÀÌ ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸¿¡°Ô value¿¡ ¸í½Ã µÈ URI¿¡¼­ ãÀ» ¼ö ÀÖ´Â °ªÀÇ Á¾·ù¸¦ ÁöÁ¤ÇÑ´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

PARAM ¿¤·¹¸àÆ®´Â ÀÛµ¿½Ã ÇÊ¿äÇÑ ¿ÀºêÁ§Æ®ÀÇ °ªµéÀ» ¼³Á¤ÇÑ´Ù. ¾î¶² ¼öÀÇ PARAM ¿¤·¹¸àÆ®¶óµµ ¼ø¼­¿¡ °ü°è ¾øÀÌ ÇϳªÀÇ OBJECT ¶Ç´Â APPLET ¿¤·¹¸àÆ®°¡ ³ª¿Ã ¼ö ÀÖÀ¸³ª, OBJECT ¶Ç´Â APPLETÀÇ ´Ý±â Àü¿¡ ³ª¿Í¾ß ÇÑ´Ù.

À̸§°ú °ªÀÇ ¹®¹ýÀº ¿ÀºêÁ§Æ® Àû¿ë ½Ã ÀÌÇØ°¡µÈ´Ù°í °¡Á¤ÇÑ´Ù. ÀÌ ±Ô°ÝÀº »ç¿ëµµ±¸ ¾î¶»°Ô À̸§/°ªÀÇ Â¦À» Àоî Ç¥ÇöÇÏ°í. µÎ ¹ø ³ª¿Â ÆĶó¸ÞÅÍ À̸§À» ¾î¶»°Ô Çؼ® ÇÒ °ÍÀÎÁö¿¡ °üÇؼ­´Â ±â¼úÇÏÁö ¾Ê¾Ò´Ù.

³ôÀÌ¿Í ³ÊºñÀÇ ÃÖÃÊ°ªÀÌ ÁöÁ¤ µÈ µÎ°³ÀÇ ÀÛµ¿ ÆĶó¸ÞÅ͸¦ ó¸® ÇÒ ¼ö ÀÖ´Â ¾ÖÇ÷¿À» °¡Á¤ÇÏ°í, PARAM¸¦ »ç¿ë ÇÑ À§ÀÇ ½Ã°è ¿¹Á¦¸¦ ´Ù½Ã º¸ÀÚ. ÃÖÃÊ Å©±â¸¦ 40x40 Çȼ¿(pixel)À» µÎ °³ÀÇ PARAM ¿¤·¹¸àÆ®·Î ¼³Á¤ÇÏ¿´´Ù.

<OBJECT classid="http://www.miamachina.it/analogclock.py">
 <PARAM name="height" value="40" valuetype="data">
 <PARAM name="width" value="40" valuetype="data">
 ÀÌ »ç¿ëµµ±¸´Â Python ¾ð¾î¸¦ Áö¿øÇÏÁö ¾Ê´Â´Ù.
</OBJECT>

´ÙÀ½ ¿¹Á¦¿¡¼­, ¿ÀºêÁ§Æ®ÀÇ "Init_values" ÆĶó¸ÞÅÍ(parameter)´Â ÀÛµ¿(run-time) µ¥ÀÌÅÍÀÇ ¿ÜºÎ ÀÚ¿ø(GIF È­ÀÏ)À» ÁöÁ¤ÇÑ´Ù. ±×·¡¼­ valuetype ¾ÖÆ®¸®ºäÆ®(attribute)ÀÇ °ªÀº "ref"ÀÌ°í ±× °ªÀº ÀÚ¿øÀ» °¡ÁöÅ°´Â URIÀÌ´Ù.

<OBJECT classid="http://www.gifstuff.com/gifappli" 
	standby="Loading Elvis...">
 <PARAM name="Init_values" value="./images/elvis.gif"> valuetype="ref">
</OBJECT>

»ç¿ëµµ±¸°¡ Ç¥½ÃÇÏ´Â ±â´ÉÀ» ÀÐ¾î µå¸®´Â µ¿¾È ¸Þ¼¼ÁöÀÀ Ç¥½Ã ÇÒ ¼ö ÀÖµµ·Ï Çϱâ À§ÇÏ¿© standby ¾ÖÆ®¸®ºäÆ®µµ ¼³Á¤ ÇÏ¿´½¿À» ÁÖ½ÃÇ϶ó.

OBJECT ¿¤·¹¸àÆ®¸¦ Ç¥½Ã ÇÒ ¶§´Â, »ç¿ëµµ±¸´Â PARAM ¿¤·¹¸àÆ®ÀÇ Á÷Á¢ ¼Ò¼Ó µÈ(direct children) ³»¿ë¸¸À» ã¾Æ OBJECT¿¡ Á¦°ø(feed)ÇÏ¿©¾ß ÇÑ´Ù.

±×·¡¼­ ¾Æ·¡ ¿¹Á¦¿¡¼­, ¸¸ÀÏ "obj1"ÀÌ Ç¥ÇöµÈ´Ù¸é, "param1"Àº ("obj2" °¡ ¾Æ´Ï¶ó) "obj1"À» Àû¿ëÇÑ´Ù. ¸¸ÀÏ "obj1"ÀÌ Ç¥ÇöµÇÁö ¾Ê°í "obj2"°¡ Ç¥½ÃµÈ´Ù¸é "param1"Àº ¹«½ÃµÇ°í "param2"´Â "obj2"À» Àû¿ëÇÑ´Ù. ¸¸ÀÏ µÎ OBJECT°¡ ´Ù Ç¥ÇöµÇÁö ¾Ê´Â´Ù¸é, ¾Æ¹« PARAMµµ Àû¿ëµÇÁö ¾Ê´Â´Ù.

<OBJECT id="obj1">
  <PARAM name="param1">
  <OBJECT id="obj2">
     <PARAM name="param2">
  </OBJECT>
</OBJECT>

13.3.3 ¿ÀºêÁ§Æ®ÀÇ ±Û·Î¹ß(global) À̸§Áþ±â

¿ÀÇÁÁ§Æ® Àû¿ë À§Ä¡´Â URI·Î Á¦°øµÈ´Ù. URIÀÇ ¼Ò°³¿¡¼­ ¾Ë¾Æ º» ¹Ù¿Í °°ÀÌ, Àý´ë URIÀÇ Ã¹¹ø° ºÎºÐÀº URI¿¡ ÀÇÇÏ¿© ÁöÁ¤µÇ´Â µ¥ÀÌÅÍÀÇ ÀÌÀü(transfer)¿¡ »ç¿ëµÇ´Â ¸í¸í µÈ ¹æ½ÄÀ» ÁöÁ¤ÇÑ´Ù. HTML ¹®¼­¿¡¼­, ÀÌ ¹æ½Ä(scheme)Àº "http"ÀÎ °æ¿ì°¡ ¸¹´Ù. ÀϺΠ¾ÖÇ÷¿ÀÇ °æ¿ì ´Ù¸¥ ¹æ½ÄÀ» »ç¿ëÇϱ⵵ ÇÑ´Ù. ¿¹¸¦ µé¾î, Á¦ÀÛÀÚ´Â ÀÚ¹Ù(Java) ¾ÖÇ÷¿À» ÁöÁ¤ÇÏ´Â "java"·Î ½ÃÀ۵Ǵ URI³ª, ActiveX ¾ÖÇ÷¿ »ç¿ëÇÏ´Â °æ¿ì "clsid" ¸¦ »ç¿ë ÇÒ ¼ö ÀÖ´Ù.

´ÙÀ½ ¿¹Á¦´Â, HTML ¹®¼­¿¡ ÀÚ¹Ù(Java) ¾ÖÇ÷¿À» »ðÀÔ ÇÑ °ÍÀÌ´Ù.

 <OBJECT classid="java:program.start"></OBJECT>

codetype ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ ÇÔÀ¸·Î¼­, »ç¿ëµµ±¸´Â ±×ÀÇ ´É·Â¿¡ ±âÃʸ¦ ÇÑ ÀÚ¹Ù(Java) Àû¿ëÀ» Àоî Ç¥Çö ÇÒ °ÍÀΰ¡¸¦ °áÁ¤ÇÑ´Ù.

 <OBJECT codetype="application/java-archive" classid="java:program.start">
 </OBJECT>

ÀϺÎÀÇ Ç¥Çö ¹æ½ÄÀº Àû¿ëÀÇ ÁöÁ¤°ú, ¾îµð¿¡¼­ ±× Á¤º¸¸¦ ãÀ» ¼ö Àִ°¡ ÇÏ´Â Ãß°¡ÀûÀÎ Á¤º¸¸¦ ÇÊ¿ä·ÎÇÑ´Ù. Á¦ÀÛÀÚ´Â codebase ¾ÖÆ®¸®ºäÆ®¸¦ ÅëÇÏ¿© ¿ÀºêÁ§Æ® Àû¿ëÀÇ °æ·Î Á¤º¸¸¦ Á¦°ø ÇÒ ¼ö ÀÖ´Ù.

 <OBJECT codetype="application/java-archive" classid="java:program.start">
   codebase="http://foooo.bar.com/java/myimplementation/"
 </OBJECT>

´ÙÀ½ ¿¹Á¦´Â classid ¾ÖÆ®¸®ºäÆ®¿¡¼­ ¸í¸íµÈ ¹æ½Ä(scheme) "clsid"·Î ½ÃÀÛÇÏ´Â URI¸¦ ÅëÇÏ¿©, ¾×Ƽºê¿¢½º(ActiveX) ¿ÀºêÁ§Æ®¸¦ ÁöÁ¤ÇÏ¿´´Ù. data ¾ÖÆ®¸®ºäÆ®´Â ´Ù¸¥ ½Ã°èÀÇ Ç¥Çö µÉ µ¥ÀÌÅÍÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù.

 <OBJECT classid="clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502"
   data="http://www.acme.com/ole/clock.stm">ÀÌ ÀÛ¿ëÀº Áö¿ø µÇÁö ¾Ê´Â´Ù.
 </OBJECT>

13.3.4 ¿ÀºêÁ§Æ® ¼±¾ð°ú ÀνºÅº½ºÈ­(instantiation)

À§ÀÇ ¿¹Á¦¿¡¼­´Â ºÐ¸® µÈ ¿ÀºêÁ§Æ® Á¤ÀÇ ¸¸À» ¼³¸íÇÏ¿´´Ù. ¹®¼­¿¡¼­ µ¿ÀÏ ¿ÀºêÁ§Æ®¿¡ Çϳª ÀÌ»óÀÇ ÀνºÅº½º(instance)¸¦ Æ÷ÇÔ½ÃÅ°°íÀú ÇÒ ¶§, ¿ÀºêÁ§Æ®ÀÇ ¼±¾ðÀ» ±× ÀνºÅº½ºÈ­À¸·Î ºÎÅÍ ºÐ¸®ÇÏ´Â °ÍÀÌ °¡´ÉÇÏ´Ù. ±×·¸°Ô ÇÔÀ¸·Î¼­ ¿©·¯°¡Áö ÀÕÁ¡ÀÌ ÀÖ´Ù.

»ç¿ëµµ±¸¿¡ ÀÇÇÏ¿© ÀÐÇô Áú ¶§ ½ÇÇàµÇÁö ¾Êµµ·Ï ¿ÀºêÁ§Æ®¸¦ ¼±¾ðÇϱâ À§Çؼ­´Â, OBJECT ¿¤·¹¸àÆ®¿¡¼­ ºÒ¸°(boolean) declare ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ÇÑ´Ù. µ¿½Ã¿¡ Á¦ÀÛÀÚ´Â OBJECT ¿¤·¹¸àÆ®¿¡¼­ id ¾ÖÆ®¸®ºäÆ®¸¦ À¯ÀÏÇÑ °ªÀ¸·Î ¼³Á¤ÇÏ¿© ¼±¾ðÀ» ¸í½ÃÇÏ¿©¾ß ÇÑ´Ù. ³ªÁß¿¡ ¿ÀºêÁ§Æ®ÀÇ ÀνºÅº½ºÈ­Àº ÀÌ ÁöÁ¤ÀÚ(identifier)¸¦ ÂüÁ¶ÇÏ¿© ÀÌ·ç¾î Áø´Ù.

¼±¾ð µÈ OBJECT´Â ¹®¼­ ¾È¿¡¼­ ±× OBJECTÀÇ Ã¹¹ø° ÀνºÅº½º(instance)º¸´Ù ¾Õ¿¡ À§Ä¡ÇÏ¿©¾ß ÇÑ´Ù.

declare ¾ÖÆ®¸®ºäÆ®·Î Á¤ÀÇ µÈ ¿ÀºêÁ§Æ®´Â ¸Å ¹ø ±× ¿ÀºêÁ§Æ®¸¦ ÂüÁ¶Çϴ ǥÇöÀÌ ÇÊ¿ä ÇÑ ¿¤·¹¸àÆ®¿¡¼­ ÀνºÅº½ºÈ­ µÈ´Ù(¿¹¸¦ µé¾î, È°¼ºÈ­ µÈ ¿¬°áÀ» ÂüÁ¶, È°¼ºÈ­ µÈ ¿ÀºêÁ§Æ®¸¦ ÂüÁ¶ÇÏ´Â µî).

´ÙÀ½ ¿¹Á¦¿¡¼­, OBJECT¸¦ ¼±¾ðÇÏ°í, ¿¬°á·Î ºÎÅÍ ÂüÁ¶ ÇÔÀ¸·Î¼­ ÀνºÅº½ºÈ­ µÇµµ·Ï ÇÏ¿´´Ù. ±×·¡¼­ ¿¹¸¦ µé¾î, ±× ¿ÀºêÁ§Æ®´Â ÀϺÎÀÇ ÇÏÀ̶óÀÌÆ® µÈ ÅؽºÆ®¸¦ Ŭ¸¯ÇϹǷμ­ È°¼ºÈ­ µÉ ¼ö ÀÖ´Ù.

 <P>
 <OBJECT declare 
	id="earth.declaration" 
	data="TheEarth.mpeg"
	type="application/mpeg"> ¿ìÁÖ¿¡¼­ º» <STRONG>Áö±¸</STRONG>ÀÇ ¸ð½À
 </OBJECT>
 ... ¹®¼­ÀÇ ´Ù¸¥ ¹®Àå ...
 <P>¸Ú ÀÖ´Â <A href="#earth.declaration">Áö±¸ÀÇ ¾Ö´Ï¸ÞÀ̼Ç!</A>

´ÙÀ½ ¿¹Á¦¿¡¼­´Â ´Ù¸¥ ¿ÀºêÁ§Æ®ÀÎ ÀÛµ¿(run-time) °ªÀ» ¾î¶»°Ô ÁöÁ¤Çϴ°¡¸¦ ¼³¸íÇÑ´Ù. ÀÌ ¿¹Á¦¿¡¼­, ½Ã ¹®±¸¸¦ º¸±â À§ÇØ °¡Á¤Àû ±â´É¿¡ º¸³Â´Ù. ÀÌ ¿ÀºêÁ§Æ®´Â ÀÌ ½Ã¸¦ ¾î¶² ÆùÆ®·Î Ç¥ÇöÇϱâ À§ ÇÑ ÆùÆ®("font")·Î À̸§ Áö¿öÁø ÀÛµ¿ ÆĶó¸ÞÅ͸¦ ÀνÄÇÑ´Ù. ÀÌ ÆĶó¸ÞÅÍ(parameter)ÀÇ °ªÀº, ±× ÀÚü°¡ Ç¥ÇöµÇ´Â °ÍÀÌ ¾Æ´Ï°í, ÆùÆ® ¿ÀºêÁ§Æ®¸¦ »ðÀÔÇÏ´Â ¿ÀºêÁ§Æ®ÀÌ´Ù. ÆùÆ® ¿ÀºêÁ§Æ®¿Í ½Ã¸¦ º¸¿©ÁÖ´Â ¿ÀºêÁ§Æ® »çÀÌÀÇ °ü°è´Â ´ÙÀ½°ú °°ÀÌ ¾ò¾îÁø´Ù.

  1. id "tribune"À» ÆùÆ® ¿ÀºêÁ§Æ® ¼±¾ð¿¡ ¼³Á¤
  2. ½Ã¸¦ º¸ÀÌ´Â ¿ÀºêÁ§Æ®ÀÇ PARAM ¿¤·¹¸àÆ® valuetype°ú value·Î ºÎÅÍ ÂüÁ¶ÇÏ¿© Ç¥Çö.
<P><OBJECT declare 
	id="tribune" 
	type="application/x-webfont" 
	data="tribune.gif">
</OBJECT>
 ... KublaKhan.txtÀÇ ½Ã¸¦ ¿©±â¼­ º»´Ù. ...
<P>
<OBJECT 
	classid="http://foo.bar.com/poem_viewer" 
	data="KublaKhan.txt">
 <PARAM name="font" valuetype="object" value="#tribune">
 <P>ÀÚü¿¡ ½Ã¸¦ º¸´Â ±â´ÉÀº ¾ø´Ù. ...
</OBJECT>

declare ¾ÖÆ®¸®ºäÆ®¸¦ Áö¿øÇÏÁö ¾Ê´Â »ç¿ëµµ±¸¿¡¼­´Â OBJECT ¼±¾ðÀÇ ³»¿ëÀ» Ç¥Çö ÇؾßÇÑ´Ù.

13.4 ¾ÖÇ÷¿ÀÇ Æ÷ÇÔ: APPLET ¿¤·¹¸àÆ®

OBJECT°¡ ¼±È£µÇ°í, APPLETÀº ±× ¾ÖÆ®¸®ºäÆ®¿Í ÇÔ²² ºÒ·®ÇÑ °ÍÀÌ´Ù.

°ø½ÄÀûÀÎ Á¤ÀÇ´Â º¯ÀÌ(transitional) DTD¸¦ ÂüÁ¶Ç϶ó.

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

codebase = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ÀÇ ±âÁØ URI¸¦ ÁöÁ¤ÇÑ´Ù. ¸¸ÀÏ ÀÌ ¾ÖÆ®¸®ºäÆ®°¡ ÁöÁ¤µÇÁö ¾Ê¾ÒÀ¸¸é, ±× µðÆúÆ®´Â ÇöÀç ¹®¼­ÀÇ ±âÁØ URI¿Í °°´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº ÇöÀç ¹®¼­ÀÇ µð·ºÅ丮ÀÇ ÇÏÀ§ µð·ºÅ丮 ¸¸À» Á¶È¸ ÇÒ ¼ö ÀÖ´Ù. ÁÖÀÇ: APPLETÀÇ "codebase" ¾ÖÆ®¸®ºäÆ®¿¡¼­ ÇϺΠµð·ºÅ丮(subdirectories)µé ¸¸ °Ë»öÇÏ´Â °ÍÀ¸·Î Á¦ÇÑ ÇÑ °ÍÀº ÀϹÝÀû »ç¿ë ¹æ½Ä°ú HTML 3.2 ±Ô°Ý°ú »ó¹ÝµÇÁö¸¸, HTML ÀÛ¾÷ ±¸·ìÀº º¸¾ÈÀû ¸ñÀû¿¡¼­ ÀÌ ¹öÀü¿¡¼­ Á¦ÇÑÀ» ±×´ë·Î µÎ±â·Î °áÁ¤ÇÏ¿´´Ù.
code = cdata [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ ¼­ºêŬ¶ó½º¿¡ ºÎÇÕÇÏ´Â ¾ÖÇ÷¿À» Æ÷ÇÔÇϴ Ŭ·¡½º(class) È­ÀÏÀÇ À̸§ ¶Ç´Â Ŭ·¡½º È­ÀÏ ÀÚü¸¦ Æ÷ÇÔÇÑ Å¬·¡½ºÀ» ¾ò±â À§ ÇÑ °æ·Î¸¦ ÁöÁ¤ÇÑ´Ù. ÀÌ´Â Äڵ庣À̽º(codebase) ¾ÖÇ÷¿¿¡ ÀÇÇÏ¿© Çؼ®µÈ´Ù. code ¶Ç´Â object°¡ ÀÖ¾î¾ß ÇÑ´Ù.
name = cdata [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ ÀνºÅº½ºÀÇ À̸§À» ÁöÁ¤Çϸç, °°Àº ÆäÀÌÁö¿¡¼­ ¾ÖÇ÷¿µéÀ» ¼­·Î ã°í »óÈ£ Åë½ÅÀ» ÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.
archive = uri-list [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Äĸ¶(,)·Î ºÐ¸®µÇ°í, Æ÷ÇÔ µÈ Ŭ¶ó½º(class)µé°ú »çÀü ·Îµù µÉ ´Ù¸¥ ÀÚ¿øµéÀÇ URI ¸ñ·ÏÀÌ´Ù. ÁÖ¾îÁø Äڵ庣À̽º(codebase)·Î AppletClassLoaderÀÇ ÀνºÅº½º¸¦ »ç¿ëÇÏ¿© ±Û¶ó½ºµéÀÌ ·ÎµùµÈ´Ù. ½ÇÇà ÇÒ »ó´ë URI´Â ¾ÖÇ÷¿ÀÇ Äڵ庣À̽º¿¡ ÁØÇÏ¿© Çؼ®µÈ´Ù. ÀÚ¿øÀÇ »çÀü ·ÎµùÀº ¾ÖÇ÷¿ ¼º´ÉÀ» Å©°Ô Çâ»ó½Ãų ¼ö ÀÖ´Ù.
object = cdata [´ë¼Ò¹®ÀÚ ±¸º°: CS]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ÀÇ »óŸ¦ ´ëÇ¥ÇÏ´Â ÀÏ·ÃÀÇ Ç¥ÇöÀ» Æ÷ÇÔÇÏ´Â ÀÚ¿øÀ» À̸§ Áö¿î´Ù. ÀÌ´Â ¾ÖÇ÷¿ÀÇ Äڵ庣À̽º(codebase)¿¡ »ó´ëÀûÀ¸·Î Çؼ®µÈ´Ù. ±× ÀÏ·ÃÀÇ µ¥ÀÌÅÍ´Â ¾ÖÇ÷¿ÀÇ Å¬¶ó½º(class) À̸§À» Æ÷ÇÔÇϳª ÀÛ¿ëÇÏÁö ¾Ê´Â´Ù. ±Û¶ó½º À̸§Àº »ç¿ëµÈ´Ù. ±Û¶ó½º À̸§Àº ±Û¶ó½º È­ÀÏ ¶Ç´Â ½ÇÇàÇÒ ³»¿ëÀ¸·Î ºÎÅÍ Àû¿ëÀ» Àоî Ç¥ÇöÇϴµ¥ »ç¿ëµÈ´Ù.

¾ÖÇ÷¿ÀÌ ¼ø¼­¿¡¼­ Á¦¿Ü("deserialized")µÇ¸é start() ¹æ¹ý(method)Àº ºÒ·¯ ¼öÇà µÇ³ª, init() ¹æ¹ý¿¡¼­´Â ±×·¸Áö ¾Ê´Ù. À¯È¿ÇÑ ¾ÖÆ®¸®ºäÆ®´Â ¿øº» ¿ÀºêÁ§Æ®°¡ serialized µÇ¾úÀ¸ ¶§ ÇØÁ¦µÇÁö ¾Ê´Â´Ù. ÀÌ APPLET ÀνºÅºÆ®¿¡ Àü´Þ µÈ ¾î¶² ¾ÖÆ®¸®ºäÆ®µç ¾ÖÇ÷¿¿¡ À¯¿ë ÇÒ °ÍÀÌ´Ù. Á¦ÀÛÀÚ´Â ÀÌ ±â´ÉÀ» »ç¿ëÇϴµ¥ ´ë´ÜÇÑ ÁÖÀǸ¦ ±â¿ï¿©¾ßÇÑ´Ù. ¾ÖÇ÷¿Àº serializedµÇ±â Àü¿¡ ÁßÁöµÇ¾î¾ß ÇÑ´Ù.

code ¶Ç´Â object°¡ ÀÖ¾î¾ß ÇÑ´Ù. ¸¸ÀÏ code¿Í object°¡ µÑ ´Ù ÁÖ¾î Á³À» ¶§, ´Ù¸¥ Ŭ¶ó½º À̸§µé¸¦ °®´Â´Ù¸é ¿À·ùÀÌ´Ù.

width = length [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ Ç¥Çö Áö¿ªÀÇ Ãʱ⠳ʺñ¸¦ ÁöÁ¤ÇÑ´Ù(¾ÖÇ÷¿ÀÌ ¸¸µç â(window)À̳ª ´ëÈ­(dialog) »óÀÚ´Â Á¦¿Ü).
height = length [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¾ÖÇ÷¿ Ç¥Çö Áö¿ªÀÇ Ãʱ⠳ôÀ̸¦ ÁöÁ¤ÇÑ´Ù(¾ÖÇ÷¿ÀÌ ¸¸µç âÀ̳ª ´ëÈ­ »óÀÚ´Â Á¦¿Ü).
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

¸ðµç ÀÚ¹Ù(Java) Áö¿ø ºê¶ó¿ìÀú¿¡¼­ ÀÌ ¿¤·¹¸àÆ®´Â ¼³°èÀÚ°¡ HTML ¹®¼­ ¾È¿¡¼­ ÀÚ¹Ù(Java) ¾ÖÇ÷¿À» »ç¿ëÇÏ´Â °ÍÀ» Çã¿ëÇÑ´Ù. OBJECT ¿¤·¹¸àÆ®°¡ ¼±È£µÇ°í, ÀÌ°ÍÀº ºÒ·®ÇÑ °ÍÀÌ µÇ¾ú´Ù.

APPLETÀÇ ³»¿ëÀº ÀÌ ¿¤·¹¸àÆ®¸¦ Áö¿øÇÏÁö ¾Ê´Â»ç¿ëµµ±¸¿¡¼­³ª ÇöÀçÀÇ ±¸¼ºÀÌ ¾ÖÇ÷¿À» Áö¿øÇÏÁö ¾Êµµ·Ï ¼³Á¤ µÇ¾î ÀÖÀ¸¸é ´ëü(alternate) Á¤º¸·Î ÀÛ¿ëÇÑ´Ù. ±×·¸Áö ¾ÊÀ¸¸é »ç¿ëµµ±¸´Â ±× ³»¿ëÀ» ¹«½ÃÇÏ¿©¾ß ÇÑ´Ù.

ºÒ·®ÇÑ ¿¹Á¦:
´ÙÀ½ ¿¹Á¦¿¡¼­, APPLET ¿¤·¹¸àÆ®´Â ¹®¼­ ¾È¿¡ ÀÚ¹Ù ¾ÖÇ÷¿À» Æ÷ÇÔÇÏ°í ÀÖ´Ù. Äڵ庣À̽º(codebase)°¡ Á¦°ø µÇÁö ¾Ê¾ÒÀ¸¹Ç·Î, ÀÌ ¾ÖÇ÷¿Àº ÇöÀç ¹®¼­¿Í °°Àº µð·ºÅ丮¿¡ ÀÖ´Â °ÍÀ¸·Î °£ÁÖÇÑ´Ù.
 <APPLET code="Bubbles.class" width="500" height="500">
   ¹°¹æ¿ï ¾Ö´Ï¸ÞÀ̼ÇÀ» ±×¸° ÀÚ¹Ù ¾ÖÇ÷¿.
 </APPLET>

ÀÌ ¿¹Á¦´Â OBJECT¸¦ »ç¿ëÇÏ¿© ´ÙÀ½°ú °°ÀÌ ´Ù½Ã ¾µ ¼ö ÀÖ´Ù.

 <OBJECT codetype="application/java" classid="java:Bubbles.class"
   width="500" height="500">¹°¹æ¿ï ¾Ö´Ï¸ÞÀ̼ÇÀ» ±×¸° ÀÚ¹Ù ¾ÖÇ÷¿.
 </OBJECT>

ÃÖÃÊ°ªÀº PARAM ¿¤·¹¸àÆ®¸¦ ÅëÇÏ¿© ¾ÖÇ÷¿¿¡ Á¦°ø µÉ ¼ö ÀÖ´Ù.

ºÒ·®ÇÑ ¿¹Á¦:
´ÙÀ½Àº ÀÚ¹Ù ¾ÖÇ÷¿ ¿¹Á¦ÀÌ´Ù.
 <APPLET code="AudioItem" width="15" height="15">
   <PARAM name="snd" value="Hello.au|Welcome.au">
     ȯ¿µÀÇ ¼Ò¸®¸¦ ¿¬ÁÖÇÏ´Â ÀÚ¹Ù ¾ÖÇ÷¿.
 </APPLET>

ÀÌ ¿¹Á¦´Â OBJECT¸¦ »ç¿ëÇÏ¿© ´ÙÀ½°ú °°ÀÌ ´Ù½Ã ¾µ ¼ö ÀÖ´Ù.

 <OBJECT codetype="application/java"
   classid="AudioItem" width="15" height="15">
   <PARAM name="snd" value="Hello.au|Welcome.au">
     ȯ¿µÀÇ ¼Ò¸®¸¦ ¿¬ÁÖÇÏ´Â ÀÚ¹Ù ¾ÖÇ÷¿.
 </OBJECT>

13.5 ±ò¸°(embedded) ¹®¼­¿¡ ´ë ÇÑ ÁÖ¼®

¶§·Î´Â, ¹®¼­¿¡ ¿¬°áÇÏ´Â ´ë½Å, Á¦ÀÛÀÚ°¡ ¿ø(primary) HTML ¹®¼­ ¾È¿¡ Á÷Á¢ ±ò±â(embed)¸¦ ¿ø ÇÒ ¼ö ÀÖ´Ù. À̸¦ À§ÇÏ¿© Á¦ÀÛÀÚ´Â IFRAME ¿¤·¹¸àÆ® ¶Ç´Â OBJECT ¿¤·¹¸àÆ®¸¦ »ç¿ë ÇÒ ¼ö ÀÖ´Ù. ±×·¯³ª ¿¤·¹¸àÆ®´Â ¸î°¡Áö Á¡¿¡¼­ ´Ù¸£´Ù. ÀÌ µÎ°¡Áö ¿¤·¹¸àÆ®´Â ³»¿ë ¸ðµ¨¿¡¼­ ´Ù¸¦ »Ó ¸¸ ¾Æ´Ï¶ó, IFRAME ¿¤·¹¸àÆ®´Â ¸ñÇ¥(target) ÇÁ·¹ÀÓÀÌ µÉ ¼ö ÀÖ°í(¸ñÇ¥ ÇÁ·¹ÀÓ Á¤º¸ ¼³Á¤ ÂüÁ¶), »ç¿ëµµ±¸¿¡ ÀÇ ÇØ Àμâ, HTML ÀÚ¿ø º¸±â µî¿¡¼­ Æ÷°Å½º(focus) ¼±ÅÃ(selected)À» ÇÒ ¼ö ÀÖ´Ù. »ç¿ëµµ±¸´Â ¼±Åà µÈ ÇÁ·¹ÀÓÀÇ ¿¤·¹¸àÆ®¸¦ Ç¥ÇöÇϴµ¥, ¼±ÅõÇÁö ¾ÊÀº ÇÁ·¹ÀÓ°ú ±¸º°µÇµµ·Ï ÇÒ ¼ö ÀÖ´Ù.(¿¹¸¦ µé¾î, ¼±Åà µÈ ÇÁ·¹ÀÓ¿¡ Å׵θ®¸¦ ±×¸°´Ù,)

±ò¸°(embedded) ¹®¼­´Â ÀüÀûÀ¸·Î ±× ¹®¼­°¡ ±ò·ÁÁø ¹®¼­¿Í µ¶¸³ÀûÀÌ´Ù. ¿¹¸¦ µé¾î ±ò¸° ¹®¼­ ¾ÈÀÇ »ó´ë URI´Â ±ò¸° ¹®¼­ÀÇ ±âÁØ URI¿¡ µû¶ó »êÁ¤µÇÁö ¸¸, ¸ÞÀÎ ¹®¼­ÀÇ ±âÁØ URI¿¡ µû¸£´Â °ÍÀÌ ¾Æ´Ï´Ù. ±ò¸° ¹®¼­´Â ´Ù¸¥ ¹®¼­(¿¹: º¸Á¶Ã¢¿¡¼­) ¾È¿¡¼­ ¸¸ ±× ´ë·Î ¶Ç´Â µ¶¸³ÀûÀ¸·Î Ç¥ÇöµÈ´Ù.

¿¹¸¦ µé¾î ´ÙÀ½ ÁÙÀÌ embed_me.htmlÀÇ ³»¿ëÀ» OBJECT Á¤ÀÇ°¡ ³ªÅ¸³ª´Â À§Ä¡¿¡ ±ò·È´Ù.

 ... ¾ÕÀÇ ¹®Àå ...
 <OBJECT data="embed_me.html">ÁÖÀÇ: embed_me.html´Â ±ò¸± ¼ö ¾ø´Ù.</OBJECT>
 ... µÚÀÇ ¹®Àå ...

OBJECTÀÇ ³»¿ëÀº data ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤ µÈ È­ÀÏÀÌ ·Îµù(load) µÉ ¼ö ¾øÀ» ¶§ ¸¸, Ç¥ÇöµÈ´Ù´Â °ÍÀ» »ó±âÇ϶ó.

È­ÀÏÀÌ ÀÚ½ÅÀ» Æ÷ÇÔÇÏ´Â °æ¿ì, »ç¿ëµµ±¸ÀÇ ÀÛ¿ëÀº Á¤ÀǵǾî ÀÖÁö ¾Ê´Ù.

13.6 À̹ÌÁö¸Ê

À̹ÌÁö¸ÊÀº Á¦ÀÛÀÚ·Î ÇÏ¿©±Ý À̹ÌÁö ¶Ç´Â ¿ÀºêÁ§Æ®ÀÇ Áö¿ªÀ» ÁöÁ¤ÇÏ°í, °¢ Áö¿ª¿¡ (¹®¼­¸¦ Àаí Ç¥Çö, ÇÁ·Î±×·¥À» µ¹¸² µî) ƯÁ¤ ÀÛ¿ëÀ» ÁöÁ¤ÇÏ¿©, »ç¿ëÀÚ°¡ Áö¿ªÀ» È°¼ºÈ­ ½ÃÄ×À» ¶§ ÀÛµ¿ÀÌ µÇµµ·Ï ÇÏ´Â °ÍÀÌ´Ù.

À̹ÌÁö¸ÊÀº ¿ÀºêÁ§Æ® À§¿¡¼­ °¨Áö ÇÒ ¼ö ÀÖ´Â ÁöÇÏÇÐÀû Áö¿ªÀÇ ±Ô°Ý°ú ¿¬°üÇÏ¿© »ý¼ºÇÑ´Ù.

µÎ Á¾·ùÀÇ À̹ÌÁö¸ÊÀÌ Àִµ¥:

ºñ±×·¡ÇÈ(non-graphical) »ç¿ëµµ±¸·Î ºê¶ó¿ì¡ÇÏ´Â »ç¶÷µéÀÌ Á¢±ÙÇϱ⠽±´Ù´Â Á¡°ú, ÁöÁ¤ÇÑ À§Ä¡°¡ ÀÛµ¿ Áö¿ª À§¿¡ Àִ°¡ ¾Æ´Ñ°¡¸¦ Áï°¢ÀûÀ¸·Î ¾Ë ¼ö ÀÖ´Ù´Â ÃÖ¼ÒÇÑ µÎ°¡Áö ÀÌÀ¯¿¡¼­, »ç¿ëÀÚÃø À̹ÌÁö¸ÊÀº ¼­¹öÃø À̹ÌÁö¸Êº¸´Ù ¼±È£µÈ´Ù.

13.6.1 »ç¿ëÀÚÃø À̹ÌÁö¸Ê: MAP°ú AREA ¿¤·¹¸àÆ®

<!ELEMENT MAP - - ((%block;)+ | AREA+) -- »ç¿ëÀÚÃø(client-side) À̹ÌÁö¸Ê -->
<!ATTLIST MAP
 %attrs;                              -- %coreattrs, %i18n, %events --
 name        CDATA          #REQUIRED -- ¸Ê »ç¿ë(usemap)ÀÇ ÂüÁ¶¸¦ À§ÇÏ¿© --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: ÇÊ¿ä ÇÔ

<!ELEMENT AREA - O EMPTY   -- »ç¿ëÀÚÃø(client-side) À̹ÌÁö¸Ê Áö¿ª(area) -->
<!ATTLIST AREA
 %attrs;                              -- %coreattrs, %i18n, %events --
 shape       %Shape;        rect      -- ÁÂÇ¥¸¦ Çؼ®ÇÏ´Â Á¦¾î(control) --
 coords      %Coords;       #IMPLIED  -- Äĸ¶·Î ºÐ¸® µÈ ±æÀ̵éÀÇ ¸ñ·Ï --
 href        %URI;          #IMPLIED  -- ¿¬°á ÀÚ¿øÀÇ URI --
 nohref      (nohref)       #IMPLIED  -- ÀÌ Áö¿ªÀº ÀÛ¿ëÇÏÁö ¾ÊÀ½ --
 alt         %Text;         #REQUIRED -- ªÀº ¼³¸í --
 tabindex    NUMBER         #IMPLIED  -- ÅÇ ¼ø¼­¿¡¼­ÀÇ À§Ä¡ --
 accesskey   %Character;    #IMPLIED  -- Á¢¼ÓÅ° ±ÛÀÚ --
 onfocus     %Script;       #IMPLIED  -- ¿¤·¹¸àÆ®¿¡ ÃÊÁ¡(focus)À» ÁÜ --
 onblur      %Script;       #IMPLIED  -- ¿¤·¹¸àÆ®¿¡¼­ ÃÊÁ¡ ÇØÁ¦ --
>

½ÃÀÛű×: ÇÊ¿ä ÇÔ, Á¾·áű×: »ç¿ë ±ÝÁö

MAP ¾ÖÆ®¸®ºäÆ® Á¤ÀÇ

name = cdata [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â MAP ¿¤·¹¸àÆ®¿¡ ÀÇÇÏ¿© ¼³Á¤ µÈ À̹ÌÁö¸ÊÀÇ À̸§À» ÁöÁ¤ÇÑ´Ù.

AREA ¾ÖÆ®¸®ºäÆ® Á¤ÀÇ

shape = default | rect | circle | poly [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â Áö¿ªÀÇ ¸ð¾çÀ» ÁöÁ¤ÇÏ¸ç °¡´ÉÇÑ °ªÀº:
  • default:: Àü Áö¿ª ÁöÁ¤.
  • rect:: »ç°¢Çü Áö¿ª.
  • circle:: ¿ø Áö¿ª.
  • poly:: ´Ù°¢Çü Áö¿ª.
coords = coordinates [´ë¼Ò¹®ÀÚ Á߸³: CN]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â È­¸é»ó ¸ð¾çÀÇ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù. °ª°ú °ªÀÇ ¼ø¼­´Â ¸ð¾ç¿¡ µû¶ó ´Ù¸£¸ç °¡´ÉÇÑ Á¶ÇÕÀº:
  • rect:: (»ç°¢Çü) ¿ÞÂÊ ³¡, À§ÂÊ ³¡, ¿À¸¥ÂÊ ³¡, ¾Æ·¡ÂÊ ³¡.
  • circle:: (¿ø) Áß½ÉÀÇ x ÁÂÇ¥, Áß½ÉÀÇ y ÁÂÇ¥, ¹Ý°æ. ÁÖ¼®: ¹Ý°æÀÇ °ªÀÌ ¹éºÐÀ²ÀÏ ¶§, »ç¿ëµµ±¸´Â ¿ÀºêÁ§Æ®ÀÇ ³Êºñ¿Í ³ôÀÌ¿¡ ±âÁØÇÏ¿© ÃÖÁ¾ ¹Ý°æÀ» °è»êÇÏ¿©¾ß Çϴµ¥, ¹Ý°æÀº ÀÌ µÎ ¼öÄ¡º¸´Ù À۾ƾßÇÑ´Ù.
  • poly:(´Ù°¢Çü): Á¡ 1ÀÇ x ÁÂÇ¥, y ÁÂÇ¥, Á¡ 2ÀÇ x ÁÂÇ¥, y ÁÂÇ¥, ..., Á¡ NÀÇ x ÁÂÇ¥, y ÁÂÇ¥. ù¹ø° x ¿Í y ¦Àº ¸¶Áö¸· °Í°ú °°¾Æ¾ß ´Ù°¢ÇüÀÌ ´ÝÈù´Ù. ÀÌ µÎ Á¡µéÀÌ °°Áö ¾ÊÀ¸¸é, »ç¿ëµµ±¸´Â ÀÌ ´Ù°¢ÇüÀ» ´Ý±â À§ÇÑ Ãß°¡ÀûÀÎ ÁÂÇ¥¸¦ ¸¸µé¾î¾ß ÇÑ´Ù.

ÁÂÇ¥(coordinates)´Â ÁÂÃø ¸ÇÀ§ÀÇ ²ÀÁöÁ¡À¸·Î ºÎÅÍÀÇ °Å¸®·Î ¸ðµç °ªÀº ±æÀÌÀÌ°í, Äĸ¶·Î ºÐ¸®µÈ´Ù.

nohref [´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]
ÀÌ ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®°¡ ¼³Á¤µÇ¸é, ±× Áö¿ªÀº ¿¬°áµÇÁö ¾ÊÀ½ ³ªÅ¸³½´Ù.

¿¤·¹¸àÆ®·Î À̹ÌÁö¸Ê¿¡ ¿¬°ü½ÃÅ°´Â ¾ÖÆ®¸®ºäÆ®

usemap = uri [´ë¼Ò¹®ÀÚ Å¸ÀÔ ÂüÁ¶: CT]
ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ¿¤·¹¸àÆ®·Î À̹ÌÁö¸Ê¿¡ ¿¬°ü½ÃŲ´Ù. À̹ÌÁö¸ÊÀº MAP ¿¤·¹¸àÆ®¿¡ ÀÇÇÏ¿© ÁöÁ¤µÈ´Ù. usemapÀÇ °ªÀº ¿¬°ü µÈ MAP ¿¤·¹¸àÆ®ÀÇ name ¾ÖÆ®¸®ºäÆ® °ª°ú ¸Â¾Æ¾ßÇÑ´Ù.
´Ù¸¥ °÷¿¡¼­ Á¤ÀÇ µÈ ¾ÖÆ®¸®ºäÆ®

MAP ¿¤·¹¸àÆ®´Â Çϳª ÀÌ»óÀÇ ¿¤·¹¸àÆ®(IMG, OBJECT, ¶Ç´Â INPUT)¿¡ ¿¬°ü µÉ ¼ö ÀÖ´Â »ç¿ëÀÚÃø À̹ÌÁö¸ÊÀ» Á¤ÀÇÇÑ´Ù. À̹ÌÁö¸ÊÀº ¿¤·¹¸àÆ®ÀÇ usemap ¾ÖÆ®¸®ºäÆ®¸¦ ÅëÇÏ¿© ÇÑ ¿¤·¹¸àÆ®¿¡ ¿¬°üµÈ´Ù. The MAP ¿¤·¹¸àÆ®´Â ÀϹÝÀûÀÎ ÇâÇØ(navigation) ±â´É(mechanism)¿¡¼­ À̹ÌÁö¿¡ ¿¬°ü ¾øÀÌ »ç¿ë µÉ ¼ö ÀÖ´Ù.

OBJECT¿¡ usemap ¾ÖÆ®¸®ºäÆ®°¡ ÀÖÀ¸¸é, ±× ¿ÀºêÁ§Æ®´Â À̹ÌÁö¿¡ Æ÷ÇԵȴٴ °ÍÀ» ÀǹÌÇÑ´Ù. ¶Ç ÇÑ, OBJECT ¿¤·¹¸àÆ®°¡ »ç¿ëÀÚÃø À̹ÌÁö¸Ê¿¡ ¿¬°üµÇ¾ú´Ù¸é, »ç¿ëµµ±¸´Â »ç¿ëÀÚÃø À̹ÌÁö¸ÊÀÇ Á¤ÀÇ¿¡ ÀÇÇÑ OBJECT·Î ÀÛµ¿½Ãų ¼ö ÀÖ´Ù. ÀÌ´Â ¿Àµð¿Àºê¶ó¿ìÀú³ª ·Îº¸Æ® µî »ç¿ëµµ±¸°¡ ó¸® ¾øÀÌ OBJECT·Î ÀÛµ¿Çϵµ·Ï ÇÑ´Ù. »ç¿ëµµ±¸´Â ¿ÀºêÁ§Æ®°¡ Àоî Ç¥ÇöÇϱ⳪ ó¸®ÇÏÁö ¾ÊÀ» ¼öµµ ÀÖ´Ù. ÇÑ OBJECT°¡ ¿¬°ü µÈ À̹ÌÁö¸ÊÀ» °¡Áö¸é, Á¦ÀÛÀÚ´Â ±× ¿ÀºêÁ§Æ®°¡ ¸ðµç »ç¿ëµµ±¸¿¡ ÀÇÇÏ¿© Àоî Ç¥ÇöÇϱ⳪ 󸮰¡ µÉ °ÍÀ̶ó°í ±â´ë ÇÒ ¼ö´Â ¾ø´Ù.

°¢ MAP ¿¤·¹¸àÆ®´Â ´ÙÀ½ Áß Çϳª¸¦ Æ÷ÇÔÇÑ´Ù.

  1. Çϳª ÀÌ»óÀÇ AREA ¿¤·¹¸àÆ®. ÀÌ ¿¤·¹¸àÆ®´Â ³»¿ëÀ» °¡Áö°í ÀÖÁö ¾ÊÀ¸³ª, À̹ÌÁö¸ÊÀÇ ±âÇÏÇÐÀû Áö¿ªµé°ú °¢ Áö¿ª°ú ¿¬°ü µÈ ¿¬°áÀ» Á¤ÀÇÇÑ´Ù. ÀÌ ¹æ¹ýÀÌ »ç¿ëµÇ¸é, MAPÀº ÂüÁ¶ÇÏ´Â ³»¿ëÀ» °®Áö ¾Ê´Â´Ù´Â Á¡¿¡ À¯ÀÇÇ϶ó. ±×·¡¼­, Á¦ÀÛÀÚ´Â °¢ AREA¿¡ alt ¾ÖÆ®¸®ºäÆ®·Î ´ëü ÅؽºÆ®¸¦ Á¦°ø(´ëü ÅؽºÆ®ÁöÁ¤ ¹æ¹ý ÂüÁ¶)ÇÏ¿©¾ß ÇÑ´Ù.
  2. ºí·°·¹º§(block-level) ³»¿ë. ÀÌ ³»¿ëÀº À̹ÌÁö¸ÊÀÇ ±âÇÏÇÐÀû Áö¿ªµéÀ» ÁöÁ¤ ÇÑ A ¿¤·¹¸àÆ®¿Í °¢ Áö¿ªÀÇ ¿¬°ü µÈ ¿¬°áÀ» Æ÷ÇÔÇÏ¿©¾ß ÇÑ´Ù. ÀÌ ¹æ¹ýÀ» »ç¿ë ÇÒ ¶§´Â MAP ¿¤·¹¸àÆ®ÀÇ ºí·° ·¹º§(block-level) ³»¿ëÀÌ »ç¿ëµµ±¸¿¡ ÀÇÇؼ­ Ç¥ÇöµÇ¾î¾ß ÇÔ¿¡ ÁÖÀÇÇ϶ó. Á¦ÀÛÀÚ´Â º¸´Ù Á¢±ÙÇϱ⠽¬¿î ¹®¼­ ÀÛ¼ºÀ» À§ÇÏ¿© ÀÌ ¹æ¹ýÀ» »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

MAP ¿¤·¹¸àÆ®°¡ AREA ¿¤·¹¸àÆ®¿Í ºí·° ·¹º§(block-level) ³»¿ëÀÇ È¥ÇÕµÈ ³»¿ëÀ» °¡Áö¸é, »ç¿ëµµ±¸´Â AREA ¿¤·¹¸àÆ®µéÀ» ¹«½ÃÇÏ¿©¾ß ÇÑ´Ù.

Á¦ÀÛÀÚ´Â AREA ¿¤·¹¸àÆ®·Î, ȤÀº A ¿¤·¹¸àÆ®·Î, ȤÀº µÎ °¡Áö¸¦ È¥ÇÕÇÏ¿©, À̹ÌÁö¸ÊÀÇ ±¸Á¶(geometry)¸¦ ¿ÏÀüÇÏ°Ô ÁöÁ¤ÇÏ¿©¾ß ÇÑ´Ù. Á¦ÀÛÀÚµéÀº °ú°Å »ç¿ëµµ±¸·Î AREA ¿¤·¹¸àÆ®·Î ÁöÁ¤ µÈ ±¸Á¶(map geometries)¸¦ ó¸®ÇÏ°í, »õ·Î¿î »ç¿ëµµ±¸°¡ º¸´Ù dzºÎÇÑ ºí·° ³»¿ëÀ» ó¸®Çϵµ·Ï ¼¯¾î »ç¿ëÇϱ⸦ ¿ø ÇÒ ¼ö ÀÖ´Ù.

¸¸ÀÏ µÎ°³ ÀÌ»ó ÁöÁ¤ µÈ Áö¿ªÀÌ Áߺ¹ µÇ¾ú´Ù¸é, ¹®¼­¿¡¼­ °¡Àå ¸ÕÀú ³ªÅ¸³­ Áö¿ª °áÁ¤ ¿¤·¹¸àÆ®°¡ ¿ì¼±ÇÏ¿© Àû¿ëµÈ´Ù.

»ç¿ëµµ±¸¿Í Á¦ÀÛÀÚ´Â ±×·¢ÇÈÀ» Áö¿øÇÏÁö ¾Ê°Å³ª »ç¿ëÀÚ°¡ Á¢¼Ó ÇÒ ¼ö ¾ø´Â °æ¿ì¸¦ À§ÇØ, ±×·¡ÇÈ À̹ÌÁö¸Ê¿¡ ´ëü ÅؽºÆ®¸¦ Á¦°øÇÏ¿©¾ß ÇÑ´Ù. ¿¹¸¦ µé¾î, »ç¿ëµµ±¸´Â alt ÅؽºÆ®·Î ±×·¡ÇÈ À̹ÌÁö¸ÊÀÇ ÀÚ¸®¿¡ ÅؽºÆ®·Î µÈ ¿¬°áµéÀ» ¸¸µé ¼ö ÀÖ´Ù. ÀÌ¿Í °°Àº ¿¬°áµéÀº Å°º¸µå, À½¼º¿¡ ÀÇÇÑ È°¼³È­ µî ¿©·¯°¡Áö ¹æ¹ýÀ¸·Î È°¼ºÈ­ µÉ ¼ö ÀÖ´Ù.

ÁÖ¼®: MAPÀº HTML 2.0 ¹öÀü »ç¿ëµµ±¸¿¡´Â ¸ÂÁö ¾Ê´Â´Ù.

»ç¿ëÀÚÃø(client-side) À̹ÌÁö¸Ê ¿¹Á¦

´ÙÀ½ ¿¹Á¦¿¡¼­, OBJECT ¿¤·¹¸àÆ®¿¡ »ç¿ëÀÚÃø À̹ÌÁö¸ÊÀ» ¸¸µé¾ú´Ù. OBJECT°¡ Ç¥Çö µÉ ¶§ À̹ÌÁö¸ÊÀdz»¿ëÀÌ º¸ÀÌÁö ¾Ê°Ô Çϱâ À§ÇÏ¿©, OBJECT ¿¤·¹¸àÆ®ÀÇ ³»¿ë¿¡¼­ MAP ¿¤·¹¸àÆ®¸¦ °¨Ãß¾ú´Ù("hide"). °á°úÀûÀ¸·Î OBJECT°¡ Ç¥ÇöµÇÁö ¸ø ÇÒ °æ¿ì¿¡ ÇÑÇؼ­ MAP ¿¤·¹¸àÆ®ÀÇ ³»¿ëÀº Ç¥Çö µÉ °ÍÀÌ´Ù.

<HTML>
<HEAD><TITLE>Äð(cool) ½ÎÀÌÆ®!</TITLE></HEAD>
<BODY>
 <P>
 <OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
   <MAP name="map1">
     <P>½ÎÀÌÆ®¸¦ ¹æ¹®ÇϽÿÀ.
     <A href="guide.html" shape="rect" coords="0,0,118,28">Á¢¼Ó ¾È³»</a> |
     <A href="shortcut.html" shape="rect" coords="118,0,184,28">°¡±â</A> |
     <A href="search.html" shape="circle" coords="184,200,60">°Ë»ö</A> |
     <A href="top10.html" shape="poly"
	coords="276,0,276,28,100,200,50,50,276,0">Top Ten</A>
   </MAP>
 </OBJECT>
</BODY>
</HTML>

»ç¿ëµµ±¸°¡ OBJECT¸¦ Ç¥Çö ÇÒ ¼ö ÀÖÀ» ¶§µµ À̹ÌÁö¸ÊÀÇ ³»¿ëÀ» Ç¥ÇöÇϱ⸦ ¿ø ÇÒ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¾î, À̹ÌÁö¸Ê¿¡ OBJECT ¿¤·¹¸àÆ®¿Í ÆäÀÌÁöÀÇ ¹Ù´Ú¿¡ ÅؽºÆ®·Î µÈ Ç×ÇØ Âü°í(navigation bar)¸¦ µ¿½Ã¿¡ Ç¥ÇöÇϱ⸦ ¿øÇϸé, À̸¦ À§ÇÏ¿© MAP ¿¤·¹¸àÆ®¸¦ OBJECT ¹Û¿¡¼­ Á¤ÀÇÇÑ´Ù.

<HTML>
<HEAD><TITLE>Äð(cool) ½ÎÀÌÆ®!</TITLE></HEAD>
<BODY><P>
 <OBJECT data="navbar1.gif" type="image/gif" usemap="#map1"></OBJECT>
   ... ÆäÀÌÁöÀÇ ´Ù¸¥ ¹®Àåµé ...
 <MAP name="map1">
   <P>½ÎÀÌÆ®¸¦ ¹æ¹®ÇϽÿÀ:
     <A href="guide.html" shape="rect" coords="0,0,118,28">Á¢¼Ó ¾È³»</a> |
     <A href="shortcut.html" shape="rect" coords="118,0,184,28">°¡±â</A> |
     <A href="search.html" shape="circle" coords="184,200,60">°Ë»ö</A> |
     <A href="top10.html" shape="poly"
	coords="276,0,276,28,100,200,50,50,276,0">Top Ten</A>
   </MAP>
</BODY>
</HTML>

´ÙÀ½ ¿¹Á¦¿¡¼­, AREA ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿© ºñ½ÁÇÑ À̹ÌÁö¸ÊÀ» ¸¸µé¾ú´Ù. alt ÅؽºÆ®ÀÇ »ç¿ë¿¡ À¯ÀÇÇ϶ó.

<P>
<OBJECT data="navbar1.gif" type="image/gif" usemap="#map1">
  <P>ÀÌ°ÍÀº Ç×ÇØ ¹Ù(navigation bar)ÀÌ´Ù.
</OBJECT>
<MAP name="map1">
 <AREA href="guide.html"    alt="Á¢¼Ó ¾È³»" shape="rect" coords="0,0,118,28">
 <AREA href="search.html"   alt="°Ë»ö"    shape="rect" coords="184,0,276,28">
 <AREA href="shortcut.html" alt="°¡±â"     shape="circle"coords="184,200,60">
 <AREA href="top10.html"    alt="Top Ten"
	shape="poly" coords="276,0,276,28,100,200,50,50,276,0">
</MAP>

OBJECT ´ë½Å °°Àº MAP ¼±¾ðÀ¸·Î IMG ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÑ ºñ½ÁÇÑ ¿¹Á¦.

<P><IMG src="navbar1.gif" usemap="#map1" alt="Ç×ÇØ ¹Ù(navigation bar)">

´ÙÀ½ ¿¹Á¦´Â À̹ÌÁö¸ÊÀ» °øÀ¯(share) ÇÒ ¼ö ÀÖ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.

»ç¿ëµµ±¸°¡ ÀÌ·± ¾ç½ÄÀ» Áö¿øÇÏÁö ¾ÊÀ» ¶§ Áö¿ªÀÇ ÀçÁöÁ¤(fallback)À» À§Çؼ­´Â ³×½ºÆ® µÈ(Nested) OBJECT ¿¤·¹¸àÆ®°¡ À¯¿ëÇÏ´Ù. ¿¹¸¦ µé¾î:

<OBJECT data="navbar.png" type="image/png">
 <OBJECT data="navbar.gif" type="image/gif">
   À̹ÌÁö ¼³¸í ÅؽºÆ® ...
 </OBJECT>
</OBJECT>

¸¸ÀÏ ±× »ç¿ëµµ±¸°¡ PNG ¾ç½ÄÀ» Áö¿øÇÏÁö ¾ÊÀ¸¸é, GIF À̹ÌÁö¸¦ Ç¥ÇöÇϵµ·Ï ½Ãµµ ÇÒ °ÍÀÌ´Ù. ¿¹¸¦ µé¾î À½¼º ¾ð¾î(speech-based) »ç¿ëµµ±¸ µî°ú °°ÀÌ ¸¸ÀÏ GIF¸¦ Áö¿øÇÏÁö ¾ÊÀ¸¸é, ¾È ÂÊ OBJECT ¿¤·¹¸àÆ®¿¡ Á¦°ø µÈ ¼³¸í ÅؽºÆ®°¡ µðÆúÆ®·Î Ç¥ÇöµÈ´Ù. ÀÌ ¹æ½ÄÀ¸·Î OBJECT ¿¤·¹¸àÆ®µéÀÌ ³×½ºÆ®(nest) µÇ¾úÀ¸¸é, Á¦ÀÛÀÚ´Â ±× µé »çÀÌ¿¡ À̹ÌÁö¸ÊÀ» °øÀ¯ ÇÒ ¼ö ÀÖ´Ù.

<P>
<OBJECT data="navbar.png" type="image/png" usemap="#map1">
 <OBJECT data="navbar.gif" type="image/gif" usemap="#map1">
   <MAP name="map1">
   <P>½ÎÀÌÆ®¸¦ ¹æ¹®ÇϽÿÀ.
     <A href="guide.html" shape="rect" coords="0,0,118,28">Á¢¼Ó ¾È³»</a> |
     <A href="shortcut.html" shape="rect" coords="118,0,184,28">°¡±â</A> |
     <A href="search.html" shape="circle" coords="184,200,60">°Ë»ö</A> |
     <A href="top10.html" shape="poly"
	coords="276,0,276,28,100,200,50,50,276,0">Top Ten</A>
   </MAP>
 </OBJECT>
</OBJECT>

´ÙÀ½ ¿¹Á¦´Â À̹ÌÁö¸Ê ¾È¿¡¼­ Áö¿ª(region)À» È°¼ºÈ­ Çϱâ À§ÇÏ¿© ¾î¶»°Ô ¾ÞÄ¿(anchor)¸¦ ÁöÁ¤Çϴ°¡¸¦ ¼³¸íÇÑ´Ù. ù¹ø° ¾ÞÄ¿´Â ¿¬°áÀÌ ¾ø´Â ÀÛÀº ¿ø(circle) Áö¿ªÀ» ÁöÁ¤ÇÑ´Ù. µÎ¹ø° ¾ÞÄ¿´Â Å« ¿ø Áö¿ªÀ» Ç¥½Ã ÇÑ °Í°ú °°Àº Á᫐ ÁÂÇ¥·Î ÁöÁ¤Çß´Ù. À̸¦ Á¶ÇÕÇÏ¸é ¿øÀÇ ³»ºÎ´Â ºñÈ°¼ºÀÌ°í ¿ÜºÎ´Â È°¼º ÀÎ ¸ð¾çÀ̵ȴÙ. ÀÛÀº ¿øÀÌ Å« ¿øÀ» µ¤¾î ¾º¿ö¾ß Çϱ⠶§¹®¿¡ ¾ÞÄ¿ Á¤ÀÇÀÇ ¼ø¼­°¡ Áß¿äÇÏ´Ù.

<MAP name="map1">
 <A shape="circle" coords="100,200,50">ÀÌ °ÍÀº ºÒ È°¼º.</A>
 <A href="outer-ring-link.html" shape="circle"
	coords="100,200,250">ÀÌ°ÍÀº È°¼º</A>
</MAP>

°°Àº ¹æ½ÄÀ¸·Î, AREA ¿¤·¹¸àÆ®ÀÇ nohref ¾ÖÆ®¸®ºäÆ®´Â ±× ±âÇÏÇÐÀû Áö¿ªÀº ¿¬°ü µÈ ¿¬°áÀÌ ¾øÀ½À» ¼±¾ðÇÑ´Ù.

13.6.2 ¼­¹öÃøÃø(server-side) À̹ÌÁö¸Ê

¼­¹öÃø À̹ÌÁö¸ÊÀº »ç¿ëÀÚÃø(client-side) À̹ÌÁö¸ÊÀ¸·Î´Â ³Ê¹« º¹Àâ ÇÒ ¶§ °ü½ÉÀ» °¡Áú ¼ö ÀÖ´Ù.

¼­¹öÃø À̹ÌÁö¸ÊÀº IMG¿Í INPUT ¿¤·¹¸àÆ®¿¡¼­ ¸¸ ÁöÁ¤ÀÌ °¡´ÉÇÏ´Ù. IMGÀÇ °æ¿ì, IMG´Â A ¿¤·¹¸àÆ® ¾È¿¡ ÀÖ¾î¾ß ÇÏ°í, ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®¿¡ ismap[´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ: CI]ÀÌ ¼³Á¤µÇ¾î¾ß ÇÑ´Ù. INPUTÀÇ °æ¿ì, INPUTÀÇ Å¸ÀÔ(type)Àº "image"À̾î¾ßÇÑ´Ù.

»ç¿ëÀÚ°¡ À̹ÌÁö¸¦ Ŭ¸¯ÇÏ¿© ¿¬°áÀ» È°¼ºÈ­ ½ÃÅ°¸é, ½ºÅ©¸° ÁÂÇ¥(coordinates)´Â ¹®¼­°¡ ÀÖ´Â ¼­¹ö¿¡ Á÷Á¢ º¸³»Áø´Ù. ½ºÅ©¸° ÁÂÇ¥´Â À̹ÌÁö¿¡ ´ëÇÑ »ó´ëÀûÀÎ ½ºÅ©¸° Çȼ¿(pixel) °ªÀ¸·Î Ç¥½ÃµÈ´Ù. Çȼ¿ÀÇ Á¤ÀÇ¿Í »ç¿ë¹ýÀº ¹ø¿ª¹® ±Ô°Ý ¹ø¿ª¹® CSS1À» ÂüÁ¶Ç϶ó.

´ÙÀ½ ¿¹Á¦¿¡¼­, È°¼º Áö¿ª(region)Àº ¼­¹ö(server-side) ¿¬°áÀ» ÁöÁ¤ÇÑ´Ù. À̹ÌÁö À§ ¾îµð¸¦ Ŭ¸¯ÇÏ´ø ±× Å©¸¯µÈ ÁÂÇ¥¸¦ ¼­¹ö¿¡ º¸³½´Ù.

 <A href="http://www.acme.com/cgi-bin/competition">
   <IMG src="game.gif" ismap alt="target"></A>

±Û¸¯ µÈ À§Ä¡´Â ´ÙÀ½°ú °°ÀÌ ¼­¹ö¿¡ Àü´ÞµÈ´Ù. »ç¿ëµµ±¸´Â A ¿¤·¹¸àÆ®ÀÇ href ¾ÖÆ®¸®ºäÆ®¿¡ ÀÇÇÏ¿© ÁöÁ¤ µÈ URI·ÎºÎÅÍ `?'¿Í ±× ´ÙÀ½¿¡ Äĸ¶·Î ºÐ¸® µÈ x¿Í y ÁÂÇ¥·Î »õ·Î¿î URI¸¦ ºÎ¸¥´Ù. ±×·¯¸é ±× ¿¬°áÀº »õ·ÎÀº URI¸¦ »ç¿ëÇÏ¿© ¿¬°áµÈ´Ù. À§ ¿¹Á¦¿¡¼­ »ç¿ëÀÚ°¡ x=10, y=27ÀÇ À§Ä¡¸¦ Ŭ¸¯Çϸé, À¯µµ µÈ URI´Â "http://www.acme.com/cgi-bin/competition?10,27"ÀÌ´Ù.

Å°º¸µå ÀԷ¿¡ ÀÇÁ¸ÇÏ´Â À½¼º(speech-based) »ç¿ëµµ±¸ µî ºñ ±×·¡ÇÈ(non-graphic) »ç¿ëµµ±¸µéÀº ÁÂÇ¥ ¼±Åà ¼ö´ÜÀ» »ç¿ëÀÚ¿¡°Ô Á¦°øÇÏÁö ¸øÇϴµ¥, ÀÌ·± »ç¿ëµµ±¸´Â ¿¬°áÀÌ È°¼ºÈ­ µÇ¸é ÁÂÇ¥ "0,0"À» ¼­¹ö¿¡ º¸³»¾ßÇÑ´Ù.

13.7 ¿ÀºêÁ§Æ®, À̹ÌÁö¿Í ¾ÖÇ÷¿ÀÇ º¸´Â Ç¥Çö

º¸´Â(visual) Á¤·Ä°ú Ç¥Çö¿¡ °ü·Ã µÈ ¸ðµç IMG¿Í OBJECT ¾ÖÆ®¸®ºäÆ®´Â ºÒ·®ÇÑ °ÍÀÌ µÇ¾ú°í, ½ºÅ¸ÀϽ¬Æ®°¡ ¼±È£µÈ´Ù.

13.7.1 ³Êºñ¿Í ³ôÀÌ

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

width = length [´ë¼Ò¹®ÀÚ Á߸³: CN]
À̹ÌÁö¿Í ¿ÀºêÁ§Æ®ÀÇ ³Êºñ¸¦ µ¤¾î ¾º¿î´Ù(override).
height = length [´ë¼Ò¹®ÀÚ Á߸³: CN]
À̹ÌÁö¿Í ¿ÀºêÁ§Æ®ÀÇ ³ôÀ̸¦ µ¤¾î ¾º¿î´Ù.

ÁöÁ¤µÇ¸é width¿Í height ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸¿¡°Ô ¿ø·¡ÀÇ À̹ÌÁö ¶Ç´Â ¿ÀºêÁ§Æ®ÀÇ Å©±âÀÇ ÀÌ °ªµéÀ» µ¤¾î ¾º¿ï °ÍÀ» ¾Ë·ÁÁØ´Ù.

¿ÀºêÁ§Æ®°¡ À̹ÌÁöÀ̸é ÀÌ°ÍÀº Á¶Á¤(scale)µÈ´Ù. »ç¿ëµµ±¸´Â Á¦ÀÛÀÚ¿¡ ÀÇÇØ ÁöÁ¤ µÈ ³Êºñ(width)¿Í ³ôÀÌ(height)¿¡ °¡Àå Àß ¸Â°Ô ¿ÀºêÁ§Æ®³ª À̹ÌÁö¸¦ Á¶Á¤ÇؾßÇÑ´Ù. ±æÀ̵éÀÌ ¹éºÐÀ²·Îµµ Ç¥½Ã µÇ¾úÀ¸¸é, ÇöÀçÀÇ ¼öÆò ȤÀº ¼öÁ÷ °¡¿ë °ø°£¿¡ ´ëÇÑ ¹éºÐÀ²ÀÌ°í, À̹ÌÁö, ¿ÀºêÁ§Æ® ȤÀº ¾ÖÇ÷¿ÀÇ ¿ø·¡ Å©±â¿¡ ´ëÇÑ °ÍÀÌ ¾Æ´Ï´Ù.

height¿Í width ¾ÖÆ®¸®ºäÆ®´Â »ç¿ëµµ±¸¿¡°Ô À̹ÌÁö ȤÀº ¿ÀºêÁ§Æ® Å©±â¿¡ ´ëÇÑ ¾ÆÀ̵ð¾î¸¦ Á¦°øÇÏ¿©, À̸¦ À§ ÇÑ Àå¼Ò¸¦ ¿¹¾àÇÏ°í, À̹ÌÁö µ¥ÀÌÅ͸¦ Àоî¿À´Â µ¿¾È ¹®¼­¸¦ Ç¥ÇöÇÒ ¼ö ÀÖ°Ô ÇØ ÁØ´Ù.

13.7.2 À̹ÌÁö¿Í ¿ÀºêÁ§Æ® ÁÖÀ§ÀÇ °ø°£

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

hspace = pixels [´ë¼Ò¹®ÀÚ Á߸³: CN]
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â IMG, APPLET, ¶Ç´Â OBJECTÀÇ ¿ÞÂÊ°ú ¿À¸¥ÂÊ¿¡ »ðÀԵǴ °ø°£ÀÇ Å©±â¸¦ ÁöÁ¤ÇÑ´Ù. µðÆúÆ®´Â ÁöÁ¤µÇÁö ¾Ê¾ÒÀ¸³ª, ÀϹÝÀûÀ¸·Î 0ÀÇ ³Êºñ´Â ¾Æ´Ï°í ÀÛ´Ù.
vspace = pixels [´ë¼Ò¹®ÀÚ Á߸³: CN]
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â IMG, APPLET, ¶Ç´Â OBJECTÀÇ À§ÂÊ°ú ¾Æ·¡ÂÊ¿¡ »ðÀԵǴ °ø°£ÀÇ Å©±â¸¦ ÁöÁ¤ÇÑ´Ù. µðÆúÆ®´Â ÁöÁ¤µÇÁö ¾Ê¾ÒÀ¸³ª, ÀϹÝÀûÀ¸·Î 0ÀÇ ³Êºñ´Â ¾Æ´Ï°í ÀÛ´Ù.

13.7.3 Å׵θ®(border)

À̹ÌÁö ¶Ç´Â ¿ÀºêÁ§Æ®´Â ¿¹¸¦ µé¾î, »ç¿ëÀÚ¿¡ ÀÇÇØ Å׵θ®°¡ ÁöÁ¤µÇ°Å³ª À̹ÌÁö°¡ A ¿¤·¹¸àÆ®ÀÇ ³»¿ëÀ̸é, Å׵θ®(border)¿¡ ÀÇÇÏ¿© µÑ·Á ½×ÀδÙ.

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ
border = pixels
ºÒ·®ÇÑ °ÍÀÌ´Ù. border ¾ÖÆ®¸®ºäÆ®´Â Å׵θ®(border)ÀÇ ÆøÀ» Çȼ¿(pixel)·Î ÁöÁ¤Çϸç, µðÆúÆ® °ªÀº »ç¿ëµµ±¸¿¡ µû¶ó ´Ù¸£´Ù.

13.7.4 Á¤·Ä(alignment)

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

align = bottom|middle|top|left|right
ºÒ·®ÇÑ °ÍÀÌ´Ù. ÀÌ ¾ÖÆ®¸®ºäÆ®´Â IMG, OBJECT, ¶Ç´Â APPLETÀÇ ±× Ʋ¿¡ ´ëÇÑ À§Ä¡¸¦ ÁöÁ¤ÇÑ´Ù.

alignÀÇ ´ÙÀ½ °ªµéÀº ÁÖÀ§ ÅؽºÆ®¿¡ ´ëÇÑ ¿ÀºêÁ§Æ®ÀÇ À§Ä¡¸¦ ¸»ÇÑ´Ù.

´Ù¸¥ µÎ °ª, left¿Í right´Â ÇöÀçÀÇ ¿ÞÂÊ È¤Àº ¿À¸¥ÂÊ ¸¶Áø(margin)À¸·Î À̹ÌÁö°¡ À¯µ¿µÇ°Ô ÇÑ´Ù. À¯µ¿ ¿ÀºêÁ§Æ®À» ÂüÁ¶Ç϶ó.

Á¤·Ä Çؼ®ÀÇ Â÷ÀÌ. »ç¿ëµµ±¸¿¡ µû¶ó align ¾ÖÆ®¸®ºäÆ®¿¡ ´ë ÇÑ Çؼ®ÀÌ ´Ù¸£´Ù. ÀϺδ ¿¤·¹¸àÆ® ÀÌÀüÀÇ ÅؽºÆ® ¿­¿¡ ¸¸ Àû¿ëµÇ°í, ´Ù¸¥ °ÍµéÀº ¿¤·¹¸àÆ®ÀÇ ¾ç ÂÊ ÅؽºÆ®¿¡ Àû¿ëµÈ´Ù.

13.8 ´ëü(alternate) ÅؽºÆ® ÁöÁ¤ ¹æ¹ý

¾ÖÆ®¸®ºäÆ®ÀÇ Á¤ÀÇ

alt = text [´ë¼Ò¹®ÀÚ ±¸º°: CS]
À̹ÌÁö, Æû(form), ¶Ç´Â ¾ÖÇ÷¿(applet)À» µð½ºÇ÷¹ÀÌ ÇÒ ¼ö ¾ø´Â »ç¿ëµµ±¸¿¡¼­, ÀÌ ¾ÖÆ®¸®ºäÆ®´Â ´ëü ÅؽºÆ®¸¦ ÁöÁ¤ÇÑ´Ù. ´ëü ÅؽºÆ®ÀÇ ¾ð¾î´Â lang ¾ÖÆ®¸®ºäÆ®·Î ÁöÁ¤ÇÑ´Ù.

¸î°³ÀÇ ÅؽºÆ®°¡ ¾Æ´Ñ ¿¤·¹¸àÆ®(IMG, AREA, APPLET, INPUT)¿¡¼­ Á¦ÀÛÀÚ´Â ¿¤·¹¸àÆ®°¡ Á¤»óÀûÀ¸·Î Ç¥Çö µÉ ¼ö ¾øÀ» ¶§ ³»¿ëÀ» ¾Ë·ÁÁÖ´Â ´ëü ÅؽºÆ®¸¦ ÁöÁ¤ÇÏ°ÔÇÑ´Ù. ´ëü ÅؽºÆ®¸¦ ÁöÁ¤ÇÔÀ¸·Î¼­ ´ÙÀ½°ú °°Àº »ç¿ëÀÚ¿¡°Ô µµ¿òÀ» ÁÙ ¼ö ÀÖ´Ù. ±×·¡ÇÈ µð½ºÇ÷¹ÀÌ Å͹̳Π¾ø´Â »ç¿ëÀÚ, ¾ç½ÄÀ» Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú¸¦ »ç¿ëÇÏ´Â »ç¿ëÀÚ, ½Ã°¢ Àå¾ÖÀÚ, À½¼º ÇÕ¼º ÀåÄ¡(speech synthesizer)¸¦ »ç¿ëÇÏ´Â »ç¶÷, ±×·¡ÆÑ »ç¿ëµµ±¸°¡ À̹ÌÁö¸¦ µð½ºÇ÷¹ÀÌÇÏÁö ¾Êµµ·Ï ±¸¼ºµÇ¾úÀ» ¶§, µî

IMG¿Í AREA ¿¤·¹¸àÆ®¿¡´Â alt ¾ÖÆ®¸®ºäÆ®¸¦ ÁöÁ¤ÇÏ¿©¾ß Çϸç, INPUT¿Í APPLET ¿¤·¹¸àÆ®¿¡´Â ¼±ÅÃÀûÀÌ´Ù.

´ëü ÅؽºÆ®´Â ´ë´ÜÈ÷ µµ¿òÀ» ÁÖÁö ¸¸ ÁÖÀÇÇÏ¿© »ç¿ë µÇ¾î¾ß ÇÑ´Ù. Á¦ÀÛÀÚ´Â ´ÙÀ½ »çÇ×À» À¯ÀÇÇ϶ó.

»ý·« µÈ ´ëü ÅؽºÆ®ÀÇ °æ¿ìÀÇ Ã³¸® ¹æ¹ý¿¡ ´ë ÇÑ Á¤º¸ Á¢¼Ó¼º(accessibility)À» ÂüÁ¶Ç϶ó.

ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/html/struct/objects.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.