قابها (Frame) در HTML
توسط قابها
شما می توانيد بيش از يک فايل HTML را در يک پنجره مرورگر، به
طور همزمان نمايش دهيد. در اين حالت هر پنجره HTML يک قاب ناميده می
شود و هر قاب از بقيه مستقل است. مشکل استفاده از قاب اين است که کار بر به سختی
می تواند تمام صفحه شما را چاپ کند.
برچسب <frameset>
اين برچسب
مشخص می کند که پنجره مرورگرچگونه بايد بين فايلهای HTML
يعنی همان قابها تقسيم شود. هر Frameset مجموعه ای از قابهای
سطری يا ستونی را مشخص می کند. اندازه هر قاب سطری يا
ستونی، مقدار فضايی از صفحه که آن قاب اشغال می کند را مشخص می
کند.
برچسب <frame>
اين برچسب
فايلهای HTML که درون هر قاب بايد قرار بگيرند را مشخص می
کند. در مثال زير ما يک مجموعه از قاب با سه ستون داريم. ستون اول و سوم هرکدام 25%
و ستون دوم 50% پهنای مرورگر را اشغال می کنند. فايل frame_a.htm در ستون اول، frame_b.htm در ستون دوم و frame_c.htm در ستون سوم قرار می گيرند.
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
اگر به جای
مشخصه cols از rows استفاده شود قابها به صورت
افقی قرار خواهند گرفت، مثال زير در همين رابطه است.
<html>
<frameset rows="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</html>
هرکدام از سه
فايل مثال بالا که در يک قاب قرار گرفتند به صورت يک فايل HTML
مستقل نيز قابل استفاده می باشند.
frame_a.htm frame_b.htm frame_c.htm
*نکته
اگر قابهای شما دارای حاشيه قابل رويت باشند، کاربر می
تواند باکشاندن حاشيه ها اندازه قابهای شما را تغيير دهد. برای جلوگيری
از اين کار شما می توانيد مشخصه noresize را به برچسب <frame> اضافه کنيد.
برچسب <iframe>
توسط اين
برچسب می توانيد يک فايل HTML را در داخل يک قاب در هر
کجای متن که بخواهيد قرار دهيد. البته بعضی از مرورگر های قديمی
ممکن است برچسب <iframe> را پشتيبانی نکنند و در اين صورت قاب در داخل متن ديده نمی
شود. برای روشن تر شدن بحث به مثال زير توجه کنيد.
<html>
<body>
<iframe src
="frame_c.htm">
</iframe>
Some older browsers don't support iframes.If
they don't, the iframe will not
be visible.
</body>
</html>
* مثال زير
نشان می دهد که چگونه می توان چند فايل HTML را در سطرها و ستون ها با
هم ترکيب کرد و به شيوه دلخواه در قابها چيد.
<html>
<frameset rows="50%,50%">
<frame src="frame_a.htm">
<frameset cols="25%,75%">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
</frameset>
</html>
* مثال زير
نشان می دهد که چگونه يک قاب هدايت گر (navigator) بسازيم. قاب هدايت گر،
شامل فهرستی از لينکهاست و قاب دوم، هدف می باشد يعنی فايلهايی
که لينکها به آنها اشاره دارند در آن قاب باز خواهند شد. در اينجا فايلی با
نام contents.htm دارای سه لينک می باشد و متن اصلی
آن را در زير می بينيد. اين فايل در قاب اول قرار می گيرد و در قاب
دوم فايل frame_c.htm قرار می گيرد.
<a href ="frame_a.htm" target ="showframe">Frame a</a>
<br>
<a href ="frame_b.htm" target ="showframe">Frame b</a>
<br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
در زير نتيجه
را مشاهده می کنيد : هنگامی که روی Frame
a کليک می
کنيد در قاب ديگر فايل frame_a.htm باز خواهد شد و به همين طريق ديگر لينکها نيز
فايل مرتبط را در قاب دوم باز می کنند.
<html>
<frameset
cols="120,*">
<frame src="contents.htm">
<frame src="frame_c.htm"
name="showframe">
</frameset>
</html>
*نکته
بعضی از مروگر های قديمی برچسب <frame> را پشتيبانی نمی کنند که در اين صورت نمی توانند
قابهای شما را نمايش دهند و کاربر صفحه ای خالی را خواهد ديد.
برای رفع اين مشکل می توانيد از برچسب <noframe> استفاده کنيد و
اطلاعاتی را داخل آن بنويسيد. در اين حالت اين گونه از کاربران اطلاعات داخل
اين برچسب را خواهند ديد
بازگشت به فهرست
بازگشت به صفحه نخست