FRAMESET, FRAME
 
Window°¡ âÀ̶ó¸é frameÀº âƲÀÌ´Ù. FRAMESET elementÀº ÇϳªÀÇ Ã¢À» ¿©·¯ °³ÀÇ Ã¢Æ²·Î ³ª´©´Â ¿ªÇÒÀ» Çϸç, ½ÃÀÛ°ú ³¡³»´Â űװ¡ ÀÖ´Ù. °¢°¢ÀÇ ÇÁ·¹ÀÓ¿¡ ¾î¶² ¹®¼­°¡ ³ª¿Ã °ÍÀΰ¡¸¦ °áÁ¤ÇÏ´Â °ÍÀº FRAME element·Î, ½ÃÀÛ Å±׸¸ ÀÖ´Ù.
ÀϹÝÀûÀÎ HTML ¹®¼­´Â ÇϳªÀÇ HEAD¿Í ÇϳªÀÇ BODY·Î ÀÌ·ç¾îÁö´Âµ¥ ºñÇØ, ÇÁ·¹ÀÓÀ¸·Î ±¸¼ºµÈ ¹®¼­´Â HEAD¿Í FRAMESETÀ¸·Î ÀÌ·ç¾îÁø´Ù. FRAMESETÀº ÀÌÁ¦ºÎÅÍ ÇϳªÀÇ Ã¢À» µÎ °³ ÀÌ»óÀÇ ÇÁ·¹ÀÓÀ¸·Î ³ª´©°Ú´Ù´Â °ÍÀ» ºê¶ó¿ìÀú¿¡°Ô ¾Ë·ÁÁÖ¸ç, °¢°¢ÀÇ ÇÁ·¹ÀÓÀÇ ÆøÀ» °áÁ¤ÇÑ´Ù. ÇÁ·¹ÀÓÀÇ ¼ö¸¸Å­ FRAMESET ¾È¿¡ FRAME element¸¦ ³Ö´Â´Ù.
È­¸éÀ» Á¿ì, µÎ °³·Î ³ª´©¾î ¿ÞÂÊ ÇÁ·¹ÀÓ¿¡´Â ¸Þ´º°¡ ³ªÅ¸³ª°í, ¿À¸¥ÂÊ ÇÁ·¹ÀÓ¿¡´Â º»¹®ÀÌ ³ªÅ¸³ªµµ·Ï ¸¸µé¾îº¸ÀÚ. ¸ÕÀú FRAMESET element¸¦ ½á¼­ ÇÁ·¹ÀÓÀ¸·Î ³ª´­ Áغñ¸¦ ÇÑ´Ù.


<HTML>
<HEAD>
</HEAD>
<FRAMESET>

</FRAMESET>

</HTML>



´ÙÀ½¿¡´Â Á¿ì ÇÁ·¹ÀÓÀ» ¾ó¸¶¸¸Å­ÀÇ ÆøÀ¸·Î ³ª´­ °ÍÀÎÁö¸¦ Á¤ÇÑ´Ù. ¿ÞÂÊ ¸Þ´º´Â º¸Åë ±×¸²ÀÌ µé¾î°¡°í ±×¸²ÀÇ Å©±â°¡ Á¤ÇØÁ® ÀÖÀ¸¹Ç·Î, 200Çȼ¿·Î ÇÏ°í, ¿À¸¥ÂÊ ÇÁ·¹ÀÓÀº ºê¶ó¿ìÀú Å©±â³ª â Å©±â¿¡ °ü°è¾øÀÌ 200Çȼ¿À» Á¦¿ÜÇÑ ³ª¸ÓÁö·Î Çϱâ·Î ÇÏÀÚ. âÀ» ¼¼·Î·Î ³ª´­ °ÍÀ̹ǷÎ, cols(columns : ¿­) ¼Ó¼ºÀ» ¾´´Ù.


<HTML>
<HEAD>
</HEAD>
<FRAMESET cols = "200,*">

</FRAMESET>
</HTML>



À̹ø¿¡´Â Á¿ì ÇÁ·¹ÀÓ¿¡ µé¾î°¥ ¹®¼­¸¦ ÁöÁ¤ÇØ º¸ÀÚ. È­¸éÀ» ÁÂ¿ì µÑ·Î ³ª´©¾úÀ¸¹Ç·Î µÎ °³ÀÇ FRAME element°¡ µé¾î°£´Ù. °¢ ÇÁ·¹ÀÓ¿¡ µé¾î°¥ ¹®¼­´Â src ¼Ó¼ºÀ» ÀÌ¿ëÇØ °æ·Î¸¦ ½á ÁØ´Ù.

<HTML>
<HEAD>
</HEAD>
<FRAMESET cols = "200,*">
<FRAME src = "../menu.html">
<FRAME src = "../html.html">

</FRAMESET>
</HTML>



FRAMESET

»ç¿ëÇÒ ¼ö ÀÖ´Â ¼Ó¼ºÀº ´ÙÀ½°ú °°´Ù:

¼Ó¼º
+ rows, cols
+ id, class
+ title
+ style
+ onload, onunload


rows = "¼ýÀÚ(%),¼ýÀÚ(%),..."

È­¸éÀ» »óÇÏ·Î ³ª´­ ¶§ »ç¿ëÇÑ´Ù. »óÇÏ·Î ±¸ºÐÇϸé Çà(rows)ÀÌ ¿©·¯ °³ »ý±â±â ¶§¹®¿¡ rows¶ó´Â À̸§ÀÌ ºÙ¾ú´Ù. RowsÀÇ °ªÀ¸·Î´Â ³ª´­ ÇÁ·¹ÀÓÀÇ ¼ö¸¸Å­ Á¤ÇØÁø Çȼ¿°ªÀ̳ª È­¸é Å©±â¸¦ ±âÁØÀ¸·Î ÇÑ ÆÛ¼¾Æ®°ªÀ» ½á ÁØ´Ù. ¸¸¾à À§(20%), Áß°£(³ª¸ÓÁö), ¾Æ·¡(20%)ÀÇ ÆøÀ¸·Î È­¸éÀ» ³ª´«´Ù¸é rows = "20%, *, 20%"°¡ µÈ´Ù. ÁüÀÛÇß°ÚÁö¸¸, *´Â ³ª¸ÓÁö¶ó´Â ¶æÀÌ´Ù. º¸Åë °¡Àå Å« ÆøÀ» °®´Â ÇÁ·¹ÀÓ¿¡ *¸¦ ºÙÀÌ¸é µÈ´Ù.

cols = "¼ýÀÚ(%),¼ýÀÚ(%),..."

È­¸éÀ» Á¿ì·Î ³ª´­ ¶§ »ç¿ëÇÑ´Ù. Á¿ì·Î ±¸ºÐÇÏ¸é ¿­(columns)ÀÌ ¿©·¯ °³ »ý±â±â ¶§¹®¿¡ cols¶ó´Â À̸§ÀÌ ºÙ¾ú´Ù. Rows¿Í ¸¶Âù°¡Áö·Î, ³ª´­ ÇÁ·¹ÀÓÀÇ ¼ö¸¸Å­ Á¤ÇØÁø Çȼ¿°ªÀ̳ª È­¸é Å©±â¸¦ ±âÁØÀ¸·Î ÇÑ ÆÛ¼¾Æ®°ªÀ» ½á ÁØ´Ù. ¸¸¾à ¿ÞÂÊ(200Çȼ¿), °¡¿îµ¥(³ª¸ÓÁö), ¿À¸¥ÂÊ(100Çȼ¿)ÀÇ ÆøÀ¸·Î È­¸éÀ» ³ª´«´Ù¸é cols = "200, *, 100"ÀÌ µÈ´Ù.


FRAME

»ç¿ëÇÒ ¼ö ÀÖ´Â ¼Ó¼ºÀº ´ÙÀ½°ú °°´Ù:

¼Ó¼º
+ name, longdesc, src, noresize, scrolling
+ frameborder, marginwidth, marginheight, target
+ id, class
+ title
+ style


name = ¹®ÀÚ¿­

°¢°¢ÀÇ ÇÁ·¹ÀÓ¿¡ ÁÖ¾îÁö´Â À̸§ÀÌ´Ù. NameÀ» ¹Ýµå½Ã ÁÖ¾î¾ß¸¸, target ¼Ó¼ºÀÇ °ªÀ¸·Î ÇÁ·¹ÀÓÀÇ À̸§À» ¾²¸é ¸µÅ©¸¦ Ŭ¸¯ÇßÀ» ¶§ ±× ³»¿ëÀÌ ÇØ´ç ÇÁ·¹ÀÓ¿¡ ³ªÅ¸³ª°Ô µÈ´Ù. ÇÁ·¹ÀÓÀÇ À̸§Àº ±â¾ïÇϱ⠽±µµ·Ï left, right¶ó°Å³ª, top, middle, bottom°ú °°ÀÌ ºÙÀÌ´Â °ÍÀÌ ÁÁ´Ù.

longdesc = "URL"

Title ¼Ó¼ºÀ¸·Î ÇÁ·¹ÀÓ¿¡ ´ëÇÑ °£´ÜÇÑ ¼³¸íÀ» ºÙÀÏ ¼ö Àִµ¥, ´õ ÀÚ¼¼ÇÑ ¼³¸íÀÌ ÀÖ´Â URLÀ» ÁöÁ¤ÇÏ´Â °ÍÀÌ´Ù.

src = "URL"

ÇØ´ç ÇÁ·¹ÀÓ¿¡ ¾î´À ¹®¼­°¡ ³ª¿À°Ô µÉÁö »ó´ë°æ·Î³ª Àý´ë°æ·Î¸¦ ½á ÁØ´Ù.

noresize

Noresize ¼Ó¼ºÀÌ ÀÖÀ¸¸é ÇÁ·¹ÀÓ°ú ÇÁ·¹ÀÓ »çÀÌÀÇ °æ°è¸¦ ¸¶¿ì½º·Î ²ø¾î¼­ Á¶ÀýÇÒ ¼ö ¾ø°Ô µÈ´Ù. ¸Þ´º³ª ±¤°í°¡ µé¾î°¡´Â ÇÁ·¹ÀÓÀº º¸Åë Å©±â¸¦ Á¶ÀýÇÏÁö ¸øÇϵµ·Ï noresize ¼Ó¼ºÀ» ³Ö´Â´Ù.

scrolling = auto | yes | no

ÇÁ·¹ÀÓ¿¡ ½ºÅ©·Ñ¹Ù¸¦ »ý±â°Ô ÇÒ °ÍÀÎÁö ¿©ºÎ¸¦ Á¤ÇÑ´Ù. ±âº»°ªÀº auto·Î ÇÊ¿äÇÒ ¶§ ½ºÅ©·Ñ¹Ù°¡ ÀÚµ¿À¸·Î »ý±ä´Ù. Yes·Î ÇÏ¸é ¾ðÁ¦³ª ½ºÅ©·Ñ¹Ù°¡ »ý±â°í, no·Î ÇÏ¸é ½ºÅ©·Ñ¹Ù°¡ ÇÊ¿äÇÑ °æ¿ì¿¡µµ »ý±âÁö ¾Ê´Â´Ù.

frameborder = 1 | 0

ÇØ´ç ÇÁ·¹ÀÓ ¿·¿¡ ±¸ºÐ¼±ÀÌ »ý±âµµ·Ï ÇÒ °ÍÀÎÁö ¿©ºÎ¸¦ Á¤ÇÑ´Ù. 1Àº »ý±â°Ô ÇÏ´Â °ÍÀÌ°í, 0Àº »ý±âÁö ¾Ê°Ô ÇÏ´Â °ÍÀÌ´Ù. FrameborderÀÇ °ªÀ» 0À¸·Î ÁÖ´õ¶óµµ ȸ»öÀÇ ±¸ºÐ¼±ÀÌ ¿©ÀüÈ÷ ³²¾ÆÀִµ¥, ÀÌ ¶§´Â FRAMESET element ¾È¿¡ border = 0 ¼Ó¼ºÀ» ³Ö¾îÁÖ¸é ±ú²ýÇÏ°Ô µÈ´Ù.

marginwidth = ¼ýÀÚ

ÇÁ·¹ÀÓÀÇ ÁÂ¿ì °æ°è¼±°ú ±× ¾È¿¡ µé¾îÀÖ´Â ³»¿ë »çÀÌÀÇ ¿©¹éÀÌ´Ù. ´ÜÀ§´Â Çȼ¿ÀÌ´Ù.

marginheight = ¼ýÀÚ

ÇÁ·¹ÀÓÀÇ »óÇÏ °æ°è¼±°ú ±× ¾È¿¡ µé¾îÀÖ´Â ³»¿ë »çÀÌÀÇ ¿©¹éÀÌ´Ù. ´ÜÀ§´Â Çȼ¿ÀÌ´Ù.

°ãÃÄÁø ÇÁ·¹ÀÓ ¸¸µé±â

ÇÁ·¹ÀÓÀº Ç×»ó Á¿쳪 »óÇϷθ¸ ³ª´©´Â °ÍÀÌ ¾Æ´Ï¶ó Á¿ì·Î ³ª´© ÈÄ ´Ù½Ã »óÇÏ·Î ³ª´©´Â µî ¿©·¯ ¹ø ³ª´­ ¼ö°¡ ÀÖ´Ù. »óÇÏ µÎ °³·Î ³ª´« ´ÙÀ½, ¾Æ·§ÂÊ ÇÁ·¹ÀÓÀ» ´Ù½Ã ¿ÞÂÊ, °¡¿îµ¥, ¿À¸¥ÂÊ, ¼¼ °³·Î ³ª´©¾î º¸ÀÚ.
¿©·¯ ¹ø ³ª´©°Ô µÉ ¶§ Ç×»ó ´õ Å©°Ô ³ª´©´Â °ÍÀ» ¸ÕÀú ÇÑ´Ù. ÀÌ °æ¿ì¿¡´Â »óÇÏ·Î µÎ ¹ø ³ª´©´Â °ÍÀº ºê¶ó¿ìÀúÀÇ Ã³À½ºÎÅÍ ³¡±îÁö ³ª´²Áö´Â °ÍÀ̹ǷΠ¸ÕÀú ³ª´©°Ô µÇ°í, ¾Æ·§ÂÊ ÇÁ·¹ÀÓÀ» Á¿ì·Î ³ª´©´Â °ÍÀº ¾Æ·§ÂÊ ÇÁ·¹ÀÓ ¾È¿¡¼­¸¸ ³ª´©´Â °ÍÀ̹ǷΠ³ªÁß¿¡ ÇÑ´Ù.
¸ÕÀú FRAMESETÀ» ½á¼­ »óÇÏ µÎ °³ÀÇ ÇÁ·¹ÀÓÀ¸·Î ³ª´«´Ù.


<FRAMESET rows="100,*" border=0>

<FRAMESET>



´ÙÀ½¿¡´Â FRAMEÀ» ½á¼­ °¢ ÇÁ·¹ÀÓ¿¡ µé¾î°¥ ¹®¼­¸¦ ÁöÁ¤ÇÑ´Ù. À­ÂÊ ÇÁ·¹ÀÓÀº ´õ ³ª´©Áö ¾ÊÀ» °ÍÀ̹ǷΠFRAME element¸¦ ½á ÁØ´Ù.


<FRAMESET rows="100,*" border=0>
<FRAME src="../top.html" frameborder=0 name=top>

<FRAMESET>



¾Æ·§ÂÊ ÇÁ·¹ÀÓÀº ´Ù½Ã ¼¼·Î·Î ³ª´­ °ÍÀ̹ǷΠFRAME ´ë½Å¿¡ FRAMESETÀ» ÇÑ ¹ø ´õ ½á ÁØ´Ù.

<FRAMESET rows="50,*" border=0>
<FRAME src="../top.html" frameborder=0 name=top>
<FRAMESET cols="120,*,10" border=0>

</FRAMESET>
<FRAMESET>



ÀÌÁ¦ ¾Æ·§ÂÊ ÇÁ·¹ÀÓ¿¡ µé¾î°¥ ¼¼ °³ÀÇ ÇÁ·¹ÀÓÀ» ¼ø¼­´ë·Î ½á ÁØ´Ù.


<FRAMESET rows="50,*" border=0>
<FRAME src="../top.html" frameborder=0 name=top>
<FRAMESET cols="120,*,10" border=0>
<FRAME src="../menu.html" frameborder=0 name=menu>
<FRAME src="../html.html" frameborder=0 name=content>
<FRAME src="../border.html" frameborder=0 name=border>
</FRAMESET>
<FRAMESET>



ÇÁ·¹ÀÓÀ» ¿©·¯ ¹ø ³ª´­ ¶§´Â ¹Ì¸® ±×¸²À» ±×·Á¼­ ±×¸²¿¡ ÀÖ´Â ÇÁ·¹ÀÓÀÇ ¼ö¿Í, HTML Äڵ忡 ÀÖ´Â FRAME elementÀÇ ¼ö°¡ ¸Â´ÂÁö¸¦ È®ÀÎÇÏ¸é ½Ç¼ö°¡ ¾ø´Ù.