¿ò¼Ü

Ŀ¼
  1. ¿ò¼ÜµÄ»®·Ö
    1. FRAMESET ÔªËØ
    2. FRAME ÔªËØ
  2. Ö¸¶¨Ä¿±ê¿òÐÅÏ¢
    1. É趨ȱʡµÄÁ´½ÓÄ¿±ê¿ò
    2. Ä¿±êµÄÓïÒâѧ
    3. Ä¿±êÃû³Æ
  3. ÂÖ»»ÄÚÈÝ
    1. NOFRAMES ÔªËØ
  4. ÄÚ²ã¿ò: IFRAME ÔªËØ
HTML ¿ò ÔÊ Ðí ×÷ Õß ÔÚ ¶à ¸ö ÊÓ Í¼ Õ¹ ʾ ÎÄ µµ. ÊÓ Í¼ ¿É ÒÔ ÊÇ ¶À Á¢ ´° ¿Ú »ò ×Ó ´° ¿Ú. ¶à ÊÓ Í¼ Ìá ¹© ¸ø Éè ¼Æ Õß Ò» ¸ö ÔÚ Æä Ëü ÊÓ Í¼ ¹ö ¶¯ »ò Ìæ »» ʱ ¿É ÒÔ ±£ ³Ö Ò» ¶¨ ЊϢ ¿É ¼û µÄ ; ¾¶. Àý Èç, ʹ Óà Èý ¸ö ¿ò: Ò» ¸ö ÊÇ ¾² ̬ µÄ Æì ÖÄ, Ò» ¸ö ÊÇ µ¼ º½ ²Ë µ¥, Ê£ Ï µÄ Ò» ¸ö Ôò ÊÇ Ö÷ ÊÓ Í¼ Æä ÖÐ ¿É ÒÔ ¹ö ¶¯ »ò ͨ ¹ý ÔÚ µ¼ º½ ¿ò °´ ¶¯ Ìõ Ä¿ ±» ´ú Ìæ.

¿òµÄ»®·Ö

Ò» ¸ö ÓÐ ¿ò µÄ HTML ÎÄ µµ ÔÚ ±ê ×¢ ÉÏ Óë û ÓÐ ¿ò µÄ HTML ÓÐ Çá ΢ µÄ ²» ͬ. Ò» ¸ö ±ê ×¼ µÄ ÎÄ µµ ÓÐ Ò»¸ö BODY. Ò» ¸ö ÓÐ ¿ò µÄ ÎÄ µµ ÓÐ Ò» ¸ö FRAMESET ºÍ Ò» ¸ö ¿É Ñ¡ FRAMESET ²¿ ·Ö Ö¸ ¶¨ ÊÓ Í¼ ÔÚ Óà »§ ´ú Àí Æ÷ Ö÷ ÊÓ ´° ÖÐ µÄ »® ·Ö.

¸ú Ëæ FRAMESET Éù Ã÷ µÄ ½»»¥ÄÚÈÝ µÄ ϸ ½Ú.

Ôª ËØ Í¨ ³£ ±» ·Å ÔÚ FRAMESET Ôª ËØ Ö® Ç° ·ñ Ôò FRAMESET ½« ±» ºö ÂÔ.

FRAMESET ÔªËØ

<!ELEMENT FRAMESET - - ((FRAMESET|FRAME)+ & NOFRAMES?)>
<!ATTLIST FRAMESET
  -- absolute pixel values, percentages or relative scales. --
  rows        CDATA      #IMPLIED  -- if not given, default is 1 row --
  cols        CDATA      #IMPLIED  -- if not given, default is 1 column --
  onunload    %Script    #IMPLIED  -- all the frames have been removed -- 
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
 
rows = cols = ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
 
  • onunload (FRAMESET Ôª ËØ Ö¸ ¶¨ Ö÷ ÊÓ ´° µÄ ¾Ø ÐÎ »® ·Ö.

    ºáÐкÍÊúÁÐ

    Éè ¶¨ rows ÌØ ÐÔ ¶¨ Òå Ë® ƽ ¿Õ ¼ä µÄ Êý Á¿. Éè ¶¨ cols ÌØ ÐÔ ¶¨ Òå ´¹ Ö± ¿Õ ¼ä µÄ Êý Öµ. Á½ ¸ö ÌØ ÐÔ Í¬ ʱ ʹ Óà ¿É ÒÔ Óà À´ ½¨ Á¢ Õ¤ ¸ñ.

    Èç ¹û rows ÌØ ÐÔ Ã» ÓÐ Éè ¶¨, ÿ ¸ö Êú ÁÐ À© Õ¹ µ½  Ò³ Ãæ µÄ Õû ¸ö ³¤ ¶È. Èç ¹û cols ÌØ ÐÔ Ã» ÓÐ Éè ¶¨, Ôò ¿ò ʹ Óà Óë Ò³ Ãæ Íê È« Ïà ͬ µÄ ³ß ´ç.

    Õâ Á½ ¸ö ÌØ ÐÔ µÄ Öµ ¾ù ÊÇ Óà ¶º ºÅ ·Ö ÁÐ µÄ ³¤ ¶È. ³¤ ¶È ¿É ÒÔ ÊÇ ¾ø ¶Ô µÄ (¸ø ³ö Ïñ ËØ Êý »ò ÆÁ Ä» µÄ °Ù ·Ö ±È) »ò Ïà ¶Ô ³¤ ¶È, Òâ ζ ×Å Óà "i*" ¸ñ ʽ, Õâ Àï µÄ "i" ÊÇ Ò» ¸ö Õû Êý. µ± ¸ø ºá ÐÐ Êú ÁÐ ·Ö Åä ¿Õ ¼ä µÄ ʱ ºò, Óà »§ ´ú Àí Æ÷ Ê× ÏÈ ·Ö Åä ¾ø ¶Ô µÄ ³¤ ¶È, È» ºó ¸ù ¾Ý Ê£ Ï µÄ ºá ÐÐ Êú ÁÐ Ïà ¶Ô ³¤ ¶È À´ »® ·Ö. Öµ "*" µÈ ¼Û ÓÚ "1*".

    ÊÓ Í¼ ÔÚ Êú ÁÐ ÖÐ ´Ó ×ó µ½ ÓÒ ½¨ Á¢ ¶ø ¶Ô ÓÚ ºá ÐÐ Ôò ÊÇ ´Ó ÉÏ ÖÁ ÏÂ. µ± Á½ ¸ö ÌØ ÐÔ ¾ù ±» Ö¸ ¶¨ ʱ, ÊÓ Í¼ ÔÚ µÚ Ò» ºá ÐÐ ÖÐ ´Ó ×ó µ½ ÓÒ ½¨ Á¢, È» ºó ÔÚ µÚ ¶þ ºá  ÐÐ ÖÐ ´Ó ×ó µ½ ÓÒ ½¨ Á¢ µÈ.

    µÚ Ò» ¸ö Àý ³Ì ÔÚ ´¹ Ö± ·½ Ïò °Ñ ÆÁ Ä» ·Ö ¿ª Á½ °ë (¾Í ÊÇ Ëµ ÉÏ Ãæ Ò» °ë Ï Ãæ Ò» °ë).
    <FRAMESET rows="50%, 50%">
    ...the rest of the definition...
    </FRAMESET>
    Ï һ ¸ö Àý ³Ì ½¨ Á¢ Èý ¸ö Êú ÁÐ: µÚ ¶þ ÁÐ ÓÐ Ò» ¸ö ×é ºÏ ¿í ¶È 250 Ïñ ËØ (Àý Èç, ¶Ô ÓÚ ·Å Öà һ ¸ö ÒÑ Öª ³ß ´ç µÄ ͼ Ïñ ÊÇ ÓÐ Óà µÄ). È» ºó µÚ Ò» ÁÐ ·Ö µ½ Ê£ Ï µÄ 25% ¶ø µÚ 3 ÁÐ ·Ö µ½ 75%.
    <FRAMESET cols="1*,250,3*">
    ...the rest of the definition...
    </FRAMESET>
    Ï һ ¸ö Àý ³Ì ½¨ Á¢ Ò» ¸ö 2x3 µÄ Õ¤ ¸ñ.
    <FRAMESET rows="30%,70%" cols="33%,34%,33%">
    ...the rest of the definition...
    </FRAMESET>
    ¶Ô ÓÚ Ï һ ¸ö Àý ³Ì, ¼Ù ¶¨ ä¯ ÀÀ Æ÷ ÊÓ ´° Ϊ 1000 Ïñ ËØ ¸ß,  µÚ Ò» ÊÓ  ͼ ·Ö µ½ ÁË ×Ü ¸ß µÄ 30% (300 Ïñ ËØ). µÚ ¶þ ¸ö ÊÓ Í¼ ±» ¶¨ Òå Ϊ 400 Ïñ ËØ ¸ß. Õâ Ñù ¾Í Ê£ Ï 300 Ïñ ËØ ±» Óà À´ ·Ö ¸ø ºó Ãæ µÄ Á½ ¸ö ¿ò. µÚ ËÄ ¸ö ¿ò Ö¸ ¶¨ Ϊ "2*", Ëù ÒÔ Ëü ½Ï µÚ Èý ¸ö ¿ò Õ¼ Óà Á½ ±¶ µÄ ¸ß ¶È, µÚ Èý ¸ö ¿ò ¶¨ Òå Ϊ "*" (1*). Õâ Ñù µÚ Èý ¿ò ½« ÓÐ 100 ¸ß ¶ø µÚ 4 ¿ò Ϊ 200 ¸ß.
    <FRAMESET rows="30%,400,*,2*">
    ...the rest of the definition...
    </FRAMESET>
    ×Ü ºÍ ²» Ϊ 100% Õæ ʵ ¿É Óà ¿Õ ¼ä µÄ ¾ø ¶Ô ³¤ ¶È ¿É ÒÔ ±»  Óà »§ ´ú Àí Æ÷ µ÷ Õû. µ± ÉÙ ÓÚ µÄ ʱ ºò, Ê£ Ï µÄ ¿Õ ¼ä »á °´ ±È Àý ·Ö Åä ¸ø ÿ ¸ö ÊÓ Í¼. µ± ³¬ ¹ý µÄ ʱ ºò, ÿ ¸ö ÊÓ Í¼ ½« ¸ù ¾Ý Ëü ÃÇ ¶¨ Òå ÔÚ ×Ü ¿Õ ¼ä µÄ Ö¸ ¶¨ ±È Àý ÊÊ µ± ¼õ ÉÙ.

    ǶÌ׿òÉèÖÃ

    ¿ò ¿É ÒÔ Ç¶ Ì× ÈÎ Òâ ¼¶.
    ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, Íâ ²¿ µÄ FRAMESET °Ñ ¿É Óà ¿Õ ¼ä ·Ö ³É Èý ¸ö Ïà µÈ µÄ Êú ÁÐ. ÄÚ ²¿ µÄ FRAMESET Ôò °Ñ µÚ ¶þ ¸ö Çø Óò ·Ö ³É Á½ ¸ö ²» ͬ ¸ß ¶È µÄ ºá ÐÐ.
    <FRAMESET cols="33%, 33%, 34%">
         ...contents of first frame...
         <FRAMESET rows="40%, 50%">
            ...contents of second frame, first row...
            ...contents of second frame, second row...
         </FRAMESET>
         ...contents of third frame...
    </FRAMESET>

    FRAME ÔªËØ

    <!-- reserved frame names start with "_" otherwise starts with letter -->
    <!ELEMENT FRAME - O EMPTY>
    <!ATTLIST FRAME
      name        CDATA      #IMPLIED  -- name of frame for targetting --
      src         %URL       #IMPLIED  -- source of frame content --
      frameborder (1|0)      1         -- request frame borders? --
      marginwidth %Pixels    #IMPLIED  -- margin widths in pixels --
      marginheight %Pixels   #IMPLIED  -- margin height in pixels --
      noresize    (noresize) #IMPLIED  -- allow users to resize frames? --
      scrolling (yes|no|auto) auto     -- scrollbar or none --
      >
    ¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
    ÌØ ÐÔ ¶¨ Òå
<!-- This is main.html -->
<HTML>
<BODY>
<NOFRAMES>
...the table of contents here...
</NOFRAMES>
...the rest of the document...
</BODY>
</HTML>
²¢ ÇÒ ÔÚ ¿ò ¼Ü ²» ÏÔ Ê¾ µÄ ʱ ºò ´Ó "top.html" Á´ ½Ó µ½ "main.html":
<!-- This is top.html -->
<HTML>
<FRAMESET cols="50%, 50%">
   <FRAME src="main.html">
   <FRAME src="table_of_index.html">
</FRAMESET>
<BODY>
Click <A href="main.html">here</A> for a non-frames version.
</BODY>
</HTML>

ÄÚ²ã¿ò¼Ü: IFRAME ÔªËØ

<!ELEMENT IFRAME - - %block>
<!ATTLIST IFRAME
  name        CDATA      #IMPLIED  -- name of frame for targetting --
  src         %URL       #IMPLIED  -- source of frame content --
  frameborder (1|0)      1         -- request frame borders? --
  marginwidth %Pixels    #IMPLIED  -- margin widths in pixels --
  marginheight %Pixels   #IMPLIED  -- margin height in pixels --
  scrolling (yes|no|auto) auto     -- scrollbar or none --
  align       %IAlign    #IMPLIED  -- vertical or horizontal alignment --
  height      %Length    #IMPLIED  -- suggested height --
  width       %Length    #IMPLIED  -- suggested width --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
 
width = height = name, src, frameborder, marginwidth, marginheight, scrolling (¿ò¼Ü¿ØÖƺÍ×°ÊÎ)
  • target (Ä¿±ê¿ò¼ÜÐÅÏ¢)
  • align (¶ÔÆ뷽ʽ)
  • IFRAME Ôª ËØ ÔÊ Ðí ×÷ Õß ÔÚ Ò» ¸ö ·â ±Õ ÎÄ ±¾ ÖÐ ²å Èë Ò» ¸ö ¿ò ¼Ü. ÔÚ ÎÄ ±¾ Õ ½Ú ÖÐ ²å Èë ÄÚ ²ã ¿ò ¼Ü ¸ü Ïó ͨ ¹ý OBJECT Ôª ËØ ²å Èë Îï ¼þ: Ëü ÃÇ ¶¼ ÔÊ Ðí Äã ÔÚ Ò» ·Ý HTML µÄ ÖÐ ¼ä ²å Èë Áí Ò» ·Ý, ·Ö ÃÇ ¶¼ ¿É ÒÔ Óë Χ ÈÆ µÄ ÎÄ ×Ö ¶Ô Æë, µÈ µÈ.

    ±» ²å Èë ÄÚ ²ã µÄ ЊϢ ÓÉ Õâ ¸ö Ôª ËØ µÄ IFRAME Ôª ËØ µÄ ÄÚ ÈÝ Ö» ÄÜ ±» ²» Ìá ¹© ¿ò ¼Ü »ò Éè ¶¨ Ϊ ²» ÏÔ Ê¾ ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷ À´ äÖ È¾.

    ¶Ô ÓÚ Ìá ¹© ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷, Ï Ãæ µÄ Àý ³Ì ½« ÔÚ ÑÔ Óï ±¾ ÖÐ Ñë ·Å Öà һ ¸ö Íâ Ãæ ÈÆ Ïß µÄ ÄÚ ²ã ¿ò ¼Ü.
      <IFRAME src="foo.html" width="400" height="500"
                 scrolling="auto" frameborder="1">
      [Your user agent does not support frames or is currently configured
      not to display frames. Click to retrieve
      <A href="foo.html">the related document.</A>]
      </IFRAME>
    ÄÚ ²ã ¿ò ¼Ü ²» ÄÜ ÖØ Öà ´ó С, (Òò ´Ë, ÎÞ Ðè noresize ÌØ ÐÔ).
    ×¢ Òâ: HTML ÎÄ µµ Ò² ¿É ÄÜ ±» Æä Ëü µÄ HTML ÎÄ µµ ͨ ¹ý ÔÚ HTML ÎĵµÖаüº¬ ÎÄ ¼þ µÄ ϸ ½Ú.