ÎÄ µµ µÄ FRAMESET ²¿ ·Ö Ö¸ ¶¨ ÊÓ Í¼ ÔÚ Óà »§ ´ú Àí Æ÷ Ö÷ ÊÓ ´° ÖÐ µÄ »® ·Ö.
¸ú Ëæ FRAMESET Éù Ã÷ µÄ BODY ²¿ ·Ý Ìá ¹© ²» Ìá ¹© ¿ò »ò Éè Öà Ϊ ²» ÏÔ Ê¾ ¿ò µÄ Óà »§ ´ú Àí Æ÷ Ò» ¸ö ½» »¥ ÄÚ ÈÝ. ÎÒ ÃÇ ÔÚ ÏÂ Ãæ ×Рϸ ÌÖ ÂÛ ½»»¥ÄÚÈÝ µÄ ϸ ½Ú.
Ôª ËØ ͨ ³£ ±» ·Å ÔÚ BODY Ôª ËØ ÖÐ ²¢ ÇÒ ²» ÄÜ ³ö ÏÖ ÓÚ 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 -- onload %Script #IMPLIED -- all the frames have been loaded -- onunload %Script #IMPLIED -- all the frames have been removed -- >¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
Èç ¹û 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>
<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>
<!-- 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 -- >¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
<HTML> <FRAMESET cols="33%,33%,33%"> <FRAMESET rows="*,200"> <FRAME src="contents_of_frame1.html"> <FRAME src="contents_of_frame2.gif"> </FRAMESET> <FRAME src="contents_of_frame3.html"> <FRAME src="contents_of_frame4.html"> </FRAMESET> </HTML>½« ½¨ Á¢ Èç Ï »® ·Ö ¿ò ¼Ü:
-------------------------------------------- |Frame 1 |Frame 3 |Frame 4 | | | | | | | | | | | | | | | | | | | | | | | | | | | | | -------------| | | |Frame 2 | | | | | | | | | | | --------------------------------------------²¢ ʹ Óà »§ ´ú Àí Æ÷ ·Ö ±ð Ϊ ÿ ¸ö ·Ö ¿ª µÄ ÊÓ Í¼ µ÷ Èë ÎÄ ¼þ.
<HTML> <FRAMESET cols="50%,50%"> <FRAME src="contents_of_frame1.html"> <FRAME src="#anchor_in_same_document"> </FRAMESET> <BODY> ...some text... <H2><A name="anchor_in_same_document">Important section</A></H2> ...some text... </BODY> </HTML>
<HTML> <FRAMESET cols="33%,33%,33%"> <FRAMESET rows="*,200"> <FRAME src="contents_of_frame1.html" scrolling="no"> <FRAME src="contents_of_frame2.gif" marginwidth="10" marginheight="15" noresize> </FRAMESET> <FRAME src="contents_of_frame3.html" border="0"> <FRAME src="contents_of_frame4.html" border="0"> </FRAMESET> </HTML>
<HTML> <FRAMESET rows="50%,50%"> <FRAME name="fixed" src="init_fixed.html"> <FRAME name="dynamic" src="init_dynamic.html"> </FRAMESET> </HTML>È» ºó, ÔÚ init_dynamic.html, ÎÒ ÃÇ Á´ ½Ó µ½ Ãû Ϊ"dynamic" µÄ ¿ò ¼Ü.
<HTML> <BODY> ...beginning of the document... Now you may advance to <A href="slide2.html" target="dynamic">slide 2.</A> ...more document... You're doing great. Now on to <A href="slide3.html" target="dynamic">slide 3.</A> </BODY> </HTML>¼¤ »î Á´ ½Ó ÔÚ Ãü Ãû Ϊ "dynamic" µÄ ¿ò ÖÐ ´ò ¿ª Ò» ¸ö РµÄ ÎÄ µµ ͬ ʱ Æä Ëü ¿ò "×é ºÏ" µØ ±£ ³Ö Ëü ÃÇ µÄ ³õ ʼ ÄÚ ÈÝ.
Ä¿ ǰ »¹ û ÔÚ ÔÚ URL ÖÐ ¶Ô Õû ¸ö ¿ò ¼Ü ×´ ̬ ±à Âë µÄ ·½ ʽ. »¹ ÓÐ , Ðí ¶à Óà »§ ´ú Àí Æ÷ ²» ÔÊ Ðí Óà »§ ¶Ô ¿ò ¼Ü À´ ·Ö Åä Êé Ç©.
¿ò ¼Ü ½« ͨ ¹ý Äã µÄ Óà »§ ´ú Àí Æ÷ µÄ Àú Ê· ¼Í ¼ À´ ½¨ Á¢ ǰ ÐÐ Óë ºó ÐÐ µ¼ º½ ¶Ô ÓÚ Óà »§ Ôò ¸ü ÄÑ ÁË .
<HTML> <HEAD> <BASE target="dynamic"> </HEAD> <BODY> ...beginning of the document... Now you may advance to <A href="slide2.html">slide 2.</A> ...more document... You're doing great. Now on to <A href="slide3.html">slide 3.</A> </BODY> </HTML>
ÏÂ Ãæ µÄ Ä¿ ±ê Ãû ³Æ ÊÇ ±£ Áô µÄ ²¢ ÇÒ ÓÐ Æä ÌØ Êâ º¬ Òå meanings.
²» Ìá ¹© ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷ ±Ø Ðë ÏÔ Ê¾ ÎÄ µµ ×î Íâ ²ã FRAMESET µÄ BODY ²¿ ·Ö. Ìá ¹© ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷ ±Ø Ðè ºö ÂÔ Õâ ¸ö BODY ³ý ·Ç µ± ǰ Éè Öà Ϊ ²» ÏÔ Ê¾ ¿ò ¼Ü.
<!-- The following is quite complicated because of the mixed content model. However it's actually only meant to contain either BODY or %block. --> <!ELEMENT NOFRAMES - - (#PCDATA,((BODY,#PCDATA)| (((%blocklevel)|%font|%phrase|%special|%formctrl),%block)))>¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè ÔÚ
NOFRAMES Ôª Ö¸ ¶¨ µÄ ÄÚ ÈÝ Ö» ÓÐ ÔÚ ¿ò ¼Ü ²» ÏÔ Ê¾ µÄ ʱ ºò ²Å ÏÔ Ê¾. Ìá ¹© ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷ ±Ø Ðë Ö» ÓÐ ÔÚ Éè Öà ²» ÏÔ Ê¾ ¿ò ¼Ü µÄ ʱ ºò ²Å ÏÔ Ê¾ NOFRAMES Éù Ã÷ µÄ ÄÚ ÈÝ. ²» Ìá ¹© ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷ ±Ø Ðë ÔÚ ×÷ ºÎ Çé ¿ö Ï NOFRAMES µÄ ÄÚ ÈÝ.
<HTML> <FRAMESET cols="50%, 50%"> <FRAME src="main.html"> <FRAME src="table_of_contents.html"> </FRAMESET> </HTML>ÔÚ Óà »§ ´ú Àí Æ÷ ²» ÏÔ Ê¾ ¿ò ¼Ü µÄ ʱ ºò Óà »§ ¶Á È¡ "top.html" »á ·¢ Éú ʲ ô? Óà »§ ´ú Àí Æ÷ Ôª ·¨ ¿´ µ½ ÈÎ ºÎ ¶« Î÷ Òò Ϊ ÎÒ ÃÇ Ã» ÓÐ ÔÚ "top.html" µÄ BODY ÖÐ ¶¨ Òå ÂÖ »» ÄÚ ÈÝ. Èç ¹û ÎÒ ÃÇ ÔÚ BODY ÖÐ Ö± ½Ó ²å Èë "table_of_contents.html" ºÍ "main.html", ÎÒ ÃÇ ¾Í ͨ ¹ý Áª ϵ Õâ Á½ ¸ö ÎÄ µµ ½â ¾ö ÁË Õâ ¸ö ÎÊ Ìâ, µ« ÎÒ ÃÇ Ò² »á Òý Æð Ìá ¹© ¿ò ¼Ü µÄ Óà »§ ´ú Àí Æ÷ È¡ µÃ Á½ ´Î Ïà ͬ µÄ ÎÄ µµ, Ò» ¸ö ¸´ ¼þ À´ ×Ô ÓÚ ¿ò ¼Ü ¶¨ Òå ¶ø Áí Ò» ¸ö ²å Èë ÓÚ BODY.
<!-- 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_contents.html"> </FRAMESET> <BODY> Click <A href="main.html">here</A> for a non-frames version. </BODY> </HTML>
<!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 -- >¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
±» ²å Èë ÄÚ ²ã µÄ ЊϢ ÓÉ Õâ ¸ö Ôª ËØ µÄ src ÌØ ÐÔ Éè ¶¨. Áí Ò» ·½ Ãæ, 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>