قاب ها (Frame) در HTML

توسط قابها شما مي توانيد بيش از يک فايل HTML را در يک پنجره مرورگر، به طور همزمان نمايش دهيد. در اين حالت هر پنجره HTML يک قاب ناميده مي شود و هر قاب از بقيه مستقل است. مشکل استفاده از قاب اين است که کار بر به سختي مي تواند تمام صفحه شما را چاپ کند.

برچسب <frameset>

اين برچسب مشخص مي کند که پنجره مرورگرچگونه بايد بين فايلهاي HTML يعني همان قابها تقسيم شود. هر Frameset مجموعه اي از قابهاي سطري يا ستوني را مشخص مي کند. اندازه هر قاب سطري يا ستوني، مقدار فضايي از صفحه که آن قاب اشغال مي کند را مشخص مي کند.

برچسب <frame>

اين برچسب فايلهاي HTML که درون هر قاب بايد قرار بگيرند را مشخص مي کند. در مثال زير ما يک مجموعه از قاب با سه ستون داريم. ستون اول و سوم هرکدام 25% و ستون دوم 50% پهناي مرورگر را اشغال مي کنند. فايل frame_a.htm در ستون اول، frame_b.htm در ستون دوم و frame_c.htm در ستون سوم قرار مي گيرند.

اگر به جاي مشخصه cols از rows استفاده شود قابها به صورت افقي قرار خواهند گرفت، مثال زير در همين رابطه است.

هرکدام از سه فايل مثال بالا که در يک قاب قرار گرفتند به صورت يک فايل HTML مستقل نيز قابل استفاده مي باشند.
frame_a.htm frame_b.htm frame_c.htm
*نکته
اگر قابهاي شما داراي حاشيه قابل رويت باشند، کاربر مي تواند باکشاندن حاشيه ها اندازه قابهاي شما را تغيير دهد. براي جلوگيري از اين کار شما مي توانيد مشخصه noresize را به برچسب <frame> اضافه کنيد.

برچسب <iframe>

توسط اين برچسب مي توانيد يک فايل HTML را در داخل يک قاب در هر کجاي متن که بخواهيد قرار دهيد. البته بعضي از مرورگر هاي قديمي ممکن است برچسب <iframe> را پشتيباني نکنند و در اين صورت قاب در داخل متن ديده نمي شود. براي روشن تر شدن بحث به مثال زير توجه کنيد.

* مثال زير نشان مي دهد که چگونه مي توان چند فايل 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 باز خواهد شد و به همين طريق ديگر لينکها نيز فايل مرتبط را در قاب دوم باز مي کنند.

*نکته
بعضي از مروگر هاي قديمي برچسب <frame> را پشتيباني نمي کنند که در اين صورت نمي توانند قابهاي شما را نمايش دهند و کاربر صفحه اي خالي را خواهد ديد. براي رفع اين مشکل مي توانيد از برچسب <noframe> استفاده کنيد و اطلاعاتي را داخل آن بنويسيد. در اين حالت اين گونه از کاربران اطلاعات داخل اين برچسب را خواهند ديد.
ادامه دارد ......
* ارسال مقاله توسط عضو محترم سايت با نام کاربري : davidfattahi
/خ