5.±â Ÿ


5.1 MIME Type

  À¥¼­¹ö°¡ ºê¶ó¿ìÀú¿¡°Ô Àü´ÞÇÒ ¶§¿¡´Â È®ÀåÀÚ·Î ÆÄÀÏÀÇ Çü½ÄÀ» ±¸ºÐÇÏ°Ô µÈ´Ù. ´ç¿¬È÷ ¹«½¼ È®Àå¸íÀÌ ¾î¶² ÆÄÀÏ Çü½ÄÀÎÁö¸¦ µî·ÏÇÏ´Â ÆÄÀÏÀÌ º°µµ·Î Á¸ÀçÇÑ´Ù. ÀÌ·¯ÇÑ ÆÄÀÏÀÇ Çü½ÄÀ» MIME typeÀ̶ó°í ºÎ¸¥´Ù.

  À¥ºê¶ó¿ìÁ®¿¡¼­µµ °¢°¢ÀÇ MIME type¿¡ ´ëÇÏ¿© ¾î¶»°Ô ¹ÝÀÀÇÏ´ÂÁö ¼³Á¤ÇÏ´Â ºÎºÐÀÌ ÀÖ´Ù. Netscape Browser¿¡¼­´Â À̰ÍÀ» helper¶ó°í ºÎ¸£¸ç, Explore¿¡¼­´Â ¿¬°áÇÁ·Î±×·¥¿¡ ¼³Á¤µÈ ´ë·Î ÀÛµ¿ÇÏ°Ô µÇ´Â °ÍÀÌ´Ù. ºê¶ó¿ìÀú°¡ ÀνÄÇÏ´Â ÆÄÀÏÀº, HTML, TXT, GIF, JPG, PNGÁ¤µµ ¹Û¿¡ ¾ø´Â »óÅÂÀÌ´Ù.

  ´ÙÀ½°ú °°Àº ¹®ÀåÀÌ ÀÖ´Ù°í Çϸé, <A HREF="word.zip">word.zip</A> ÀÚµ¿À¸·Î zipÈ®ÀåÀÚ¿¡µû¸¥ helperÀÎ ÀÀ¿ëÇÁ·Î±×·¥ÀÌ ±¸µ¿µÇ°Ô µÇ´Â °ÍÀÌ´Ù.

  Àß ¾Ë·ÁÁø MIME ŸÀÔÀº ´ÙÀ½°ú °°Àº °ÍµéÀÌ ÀÖ´Ù. HTML¿¡¼­ ÀÚÁÖ »ç¿ëµÇ´Â °ÍÀ¸·Î, °¢ MIMEŸÀÔÀº ´ÙÀ½°ú °°´Ù.

text/html ÀϹÝÀûÀÎ HTML¹®¼­¸¦ ÁöĪÇÑ´Ù.
text/plain ASCIIŸÀÔÀÇ txtÆÄÀÏÀ» ÁöĪÇÑ´Ù.
image/gif IMAGEÆÄÀÏ Áß GIF formatÆÄÀÏÀ» ÁöĪÇÑ´Ù.
image/jpeg IMAGEÆÄÀÏ Áß JPEG formatÆÄÀÏÀ» ÁöĪÇÑ´Ù.
application/postscript psÈ®ÀåÀÚ¸¦ °¡Áö´Â ÆÄÀÏÀ» ¸»ÇÑ´Ù.
video/mpeg µ¿¿µ»ó ÆÄÀÏ·Î mpegÆÄÀÏÀ» ¸»ÇÑ´Ù.

±âŸ  EXCELÆÄÀÏÀÇ MIME TypeÀº x-applicatioin/x-xls¿Í °°Àº MIMEŸÀÔÀÇ °æ¿ì°¡ Àִµ¥, x·Î ½ÃÀÛÇÏ´Â °ÍµéÀº ¾ÆÁ÷ Ç¥ÁØÀ¸·Î Á¤ÀǵÇÁö ¾ÊÀº °ÍµéÀÌ´Ù.
5.2 À̹ÌÁö ¸Ê(Image Map)

  image»óÀÇ Æ¯Á¤ºÎºÐÀ» Ŭ¸¯ÇÔ¿¡ µû¶ó ¼­·Î ´Ù¸¥ ¹ÝÀÀ Áï, ´Ù¸¥ È­¸éÀ» ºÎ¸£´Â °Í°ú °°Àº ÀϵéÀÌ ¹ß»ýÇÒ ¼ö ÀÖµµ·Ï Çϴµ¥, À̰ÍÀÌ ¹Ù·Î Image MAPÀÌ´Ù. ¿ø·¡´Â ¼­¹ö¿¡ ÀÚ·á°¡ Àü¼ÛµÇ¸é ±×°ÍÀ» ºÐ¼®ÇÏ¿© ´Ù¸¥ ¹®¼­¸¦ ºÎ¸£µµ·Ï ÇÏ¿´À¸³ª, ±×±â´ÉÀÌ ºê¶ó¿ìÁ®·Î ³»·Á¿Í¼­ META Tag¸¦ ÀÌ¿ëÇÏ¿© ±¸ÇöÇÒ ¼ö ÀÖ°Ô µÇ¾ú´Ù. ´ÙÀ½Àº ±× ¿¹ÀÌ´Ù.

<MAP NAME="buttonbar">
<AREA SHAPE="RECT" COORDS="10,10,49,49" HREF="about_us.html">
<AREA SHAPE="RECT" COORDS="60,10,99,49" HREF="products.html">
<AREA SHAPE="RECT" COORDS="110,10,149,49" HREF="index.html">
<AREA SHAPE="RECT" COORDS="0,0,159,59" NOHREF>
</MAP>
<IMG SRC="../images/tech/bar.gif" USEMAP="#buttonbar">
    ´ëü ¹æ¹ý  ÀÌ ±â¼úÀ» ¾²Áö ¾Ê°íµµ µ¿ÀÏÇÑ ±â´ÉÀ» ÇÏ°Ô Table¿¡ Á¶°¢À¸·Î ±×¸²À» ³Ö¾î¼­ ó¸®ÇÒ ¼öµµ ÀÖ´Ù. ½ÇÁ¦·Î ÃÖ±Ù¿¡´Â °ÅÀÇ À̹ÌÁö ¸ÊÀº »ç¿ëµÇÁö ¾Ê°í ´ë½Å TableÀ» ÁÖ·Î »ç¿ëÇϰí ÀÖ´Ù. ÀÌÀ¯´Â Image MapÀ» Àû¿ëÇϰíÀÚ ÇÏ´Â À̹ÌÁö ÆÄÀÏÀÌ Å«°æ¿ì LoadingÇÏ´Â ½Ã°£ÀÌ ¹®Á¦°¡ µÇ¾î À̸¦ Á¶°¢³»¾î Table¿¡ border=0·Î ±¸¼ºÇϰí, ÇØ´ç ±×¸²Àüü¿¡ ¸µÅ©¸¦ °É¾î¼­ ÇØ°áÇϰí ÀÖ´Ù.
5.3 Ŭ¶óÀÌ¾ðÆ® Ç®(Client Pull)

  À¥ÆäÀÌÁöÀÇ ´ÜÁ¡Áß Çϳª´Â »ç¿ëÀÚ°¡ ¿ä±¸ÇؾßÁö¸¸ È­¸éÀ» °¡Á®¿Â´Ù´Â Á¡ÀÌ´Ù. ±×·¯³ª Client Pull±â´ÉÀ» ¾²°Ô µÇ¸é ÁöÁ¤µÈ ½Ã°£¸¶´Ù ¹Ýº¹ÀûÀ¸·Î ÆäÀÌÁö¸¦ °¡Á®¿À°Ô ¸¸µé ¼ö ÀÖ´Ù.
  • ÀÛµ¿¿ø¸® : meta tag¸¦ ÀÌ¿ëÇÏ¿© ÀÏÁ¤ÇÑ ½Ã°£ÀÌ Áö³ª¸é ´ÙÀ½ ¹®¼­¸¦ Ŭ¶óÀ̾ðÆ®ÀÇ ¿äûÀÌ ¾øÀ̵µ °¡Á®¿À°Ô µÈ´Ù.

  • ±âº»¹®¹ý : HTML¹®¼­ÀÇ HEADºÎºÐ¿¡ À§Ä¡½ÃŲ´Ù.

    <META HTTP-EQUIV="Refresh" CONTENT="12;URL=http://host.domain/next.html">

    * META : HTML 3.0Ç¥ÁØÅ±×. 12ÃÊÈÄ¿¡ ´Ù¸¥ È­¸éÀ» ºÒ·¯¿Â´Ù.
    * CONTENT : Áö¼Ó½Ã°£.´ÜÀ§ ÃÊ(0Àΰæ¿ì´Â Áï½Ã)
    * URL : ´ÙÀ½ ¹®¼­
  • À¯ÀÇ»çÇ× : Refresh´Â Çѹø¸¸ À¯È¿ÇÏ´Ù.Áï ´ÙÀ½ È­¸éÀÌ ºÒ·ÁÁ³´Âµ¥, °Å±â¿¡ À§¿Í µ¿ÀÏÇÑ ¹®ÀåÀÌ ¾ø´Ù¸é ´Ù½Ã ¿äûÇÏÁö ¾Ê´Â´Ù. µû¶ó¼­, °è¼Ó ÀÚµ¿À¸·Î °¡Á®¿À°Ô ÇÏ·Á¸é, META Tag°¡ °è¼Ó Á¸Àç Çϵµ·Ï ±¸¼ºÇØ¾ß ÇÑ´Ù. ÀÌ ±â¼úÀº ÁÖ·Î CGI¿Í ºÙ¿©¼­ »ç¿ëÇÏ°Ô µÇ¸ç, ½Ç½Ã°£ ½Ã½ºÅÛ »ç¿ëÇöȲµîÀ» Á¶È¸ÇÒ ¶§ »ç¿ëµÈ´Ù. ±×·¯³ª, ÁÖÀÇÇÒ Á¡Àº, ¿©·¯ »ç¿ëÀÚ°¡ µ¿½Ã¿¡ ÀÌ·± ±â´ÉÀ» »ç¿ëÇÏ°Ô µÇ¸é, ¼­¹ö¿¡ ºÎÇϰ¡ °É¸± ¼ö ÀÖ´Ù.

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML °­ÁÂ
HTMLÀ̶õ?
À¥¼­¹ö ÀÛµ¿¿ø¸®
HTML ±âÃÊ
     - Àüü ±¸Á¶
     - ±âº» ű×
     - ¼Ó¼º Ãß°¡
     - Link/Anchor
     - ¸ñ·Ï Tag
     - ¹®ÀÚ¿Í ½ºÅ¸ÀÏ
     - ±âŸ Tag
     - Ư¼ö ¹®ÀÚ Ç¥±â
     - À̹ÌÁö Ç¥±â
HTML Ȱ¿ë
     - Table
     - Frame
     - Form
     - Elements
±â Ÿ
     - MIME Type
     - À̹ÌÁö ¸Ê
     - Ŭ¶óÀÌ¾ðÆ® Ç®
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master