قاب ها (Frame) در HTML (جلسه نهم )
با عرض سلام و احترام خدمت دوستانی مِستر آموزی:
دراین جلسه از آموزش HTML رسیدیم به آموزش قاب ها یا Frame ها ، با ما همراه باشید.
برچسب <frameset>:
این برچسب مشخص می کند که پنجره مرورگر چگونه بین فایل های HTML یعنی همان قاب ها تقسیم شود.
هر Frameset مجموعه ای از قاب ها سطری یا ستونی را مشخص می کند. اندازه هر قاب سطری یا ستونی، مقدار فضایی از صفحه که آن قاب اشغال می کند را مشخص می کند.
برچسب <frame>:
این برچسب فایل های HTML که درون هر قاب باید قرار بگیرند را مشخص می کند. می خواهیم این توضیحات را با یک مثال تمرینی به شما نشان دهیم.
1- سه فایل HTML بسازید و برای هر کدام رنگ پس زمینه مختلفی اختصاص بدید.
2- آنها را در یک مسیر و با نام های frame1 , frame2 , frame3 ذخیره کنید.
3- فایل جدید باز کنید و قعطه کد زیر را در آقسمت head آن کپی کنید.
<frameset cols="25%,50%,25%"> <frame src="frame1.html" /> <frame src="frame2.html" /> <frame src="frame3.html" />
خروجی:
اگر به جای مشخصه cols از rows استفاده شود قاب ها به صورت افقی قرار خواهند گرفت:
<frameset rows="25%,50%,25%"> <frame src="frame1.html" /> <frame src="frame2.html" /> <frame src="frame3.html" /> </frameset>
خروجی:
اگر قاب های شما دارای حاشیه قابل رویت باشند، کاربر می تواند با کشاندن حاشیه ها اندازه قاب های شما را تغییر دهد. برای جلوگیری از این کار شما می توانید مشخصه noresize را به برچسب <frame> اضافه کنید. به شکل زیر:
<frame src="frame1.html" noresize="noresize"/>
برچسب <iframe>:
توسط این برچسب می توانید یک فایل HTML را در داخل یک قاب در هر کجای متن که بخواهید قرار دهید. البته بعضی از مرورگر های قدیمی ممکن است برچسب <iframe> را پشتیبانی نکنند و در این صورت قاب در داخل متن دیده نمی شود. به مثال زیر دقت کنید:
<body> some text, table or images <iframe src ="frame.html" /> </iframe> some text, table or images </body>
خروجی:
مثال زیر نشان می دهد که چگونه می توان چند فایل HTML را در سطرها و ستون ها با هم ترکیب کرده و به شیوه دلخواه در قاب ها چید.
<frameset rows="50%,50%"> <frame src="frame1.html" /> <frameset cols="25%,75%"> <frame src="frame2.html" /> <frame src="frame3.html" /> </frameset> </frameset>
خروجی:
بعضی از مرورگر ها قدیمی برچسب <frame> را پشتیبانی نمی کنند که در این صورت نمی توانند قاب های شما را نمایش دهند و کاربر صفحه ای خالی را خواهد دید. که جهت رفع این مشکل می توانید از برچسب <noframe> استفاده کنید و اطلاعاتی را داخل آن بنویسید. در این حالت کاربران که مرورگر آنها پشتیبانی نمی کنند توضیحات داخل این تگ را می بیند.
<frameset rows="50%,50%"> <frame src="frame1.html" /> <frameset cols="25%,75%"> <frame src="frame2.html" /> <frame src="frame3.html" /> </frameset> </frameset> <noframes> مرورگر شما از قاب ها پشتیبانی نمی کند. لطفا بروز رسانی کنید. </noframes>
موفق و پیروز باشید.
