ایجاد frame
از فریم برای بارگزاری چند صفحه در یک صفحه html استفاده می شود. این کار می تواند سرعت بارگزاری صفحه را کاهش دهد.
نکته: در ساختار اینگونه صفحه ها به جای <body> از <frameset> استفاده می شود.
ساختار کلی:
یک نمونه کامل تر:
ویژگی های <frameset>
cols : برای تعیین عرض هر فریم به درصد یا پیکسل برای نمونه:
مقدار 10% برای نخستین ستون، 30% برای دومی و علامت * به معنای باقیمانده که در اینجا 60% است برای ستون سوم است.
rows : مانند clos اما برای تعیین ارتفاع
border : برای تعیین کادر
bordercolor : رنگ کادر
frameborder : نمایش یا عدم نمایش کادر اطراف فریم را مشخص می کند و دارای دو مقدار است:
yes یا 1 یا true برای نمایش
no یا 0 یا false برای عدم نمایش
framespacing : برای فضای دلخواه بین فریم ها
ویژگی های <frame>
برای مشخص کردن صفحه ای که در فریم نمایش داده می شود. جزو تگ های تهی می باشد.
نکته: تگ <frame> حتما میان تگ آغازی و پایانی <frameset> قرار می گیرد.
نکته: تعداد <frame> باید برابر با تعداد اندازه های تعریف شده در rows یا cols در تگ frameset باشد.
name : نام فریم
longdesc : آدرسی که دارای توضیح کاملی از فریم است.
src : آدرس صفحه ای که در فریم نمایش داده می شود.
noresize : جلوگیری از تغییر اندازه فریم توسط کاربر
scrolling : تعیین اسکرول هنگامی که عرض محتویات فریم با آن همخوانی ندارد و دارای 3 مقدار است:
auto : نمایش خودکار اسکرول در صورت لزوم
yes : همواره اسکرول را نمایش می دهد حتی اگر عرض فریم با محتویات همخوانی داشته باشد
no : هرگز نمایش داده نمی شود.
frameborder : در بالا توضیح داده شد.
marginwidth : فاصله محتویات داخل فریم از چپ و راست دیواره آن فریم براساس پیکسل یا درصد.
marginheight : فاصله مختویات داخل فریم از بالا و پایین دیواره آن فریم براساس پیکسل یا درصد.
تگ <noframes>
برخی از مرورگر ها از تگ های فریم پشتیبانی نمی کنند و در نتیجه محتویات آن را نمایش نمی دهند. شما می توانید از تگ برای نمایش یک کد جایگزین در اینگونه مرورگر ها استفاده کنید.
تگ <iframe> :
از دو واژه inline Frame
برای قرار دادن یک صفحه در داخل صفحه ای دیگر
این تگ از تمام خصوصیات تگ <frame> به جز noresize پشتیبانی می کند.
برای تعیین عرض و ارتفاع این فریم از height و width استفاده می شود.
نمونه برای iframe
نمونه کلی از فریم ها:
از فریم برای بارگزاری چند صفحه در یک صفحه html استفاده می شود. این کار می تواند سرعت بارگزاری صفحه را کاهش دهد.
نکته: در ساختار اینگونه صفحه ها به جای <body> از <frameset> استفاده می شود.
ساختار کلی:
کد:
<frameset>
<frame />
</frameset>
یک نمونه کامل تر:
کد:
<html>
<head>
. . . . . . . . . . . . .
</head>
<frameset cols='50%,50%'>
<frame src='http://www.google.com' name='google_frame' />
<frame src='http://www.yahoo.com' name='yahoo_frame' />
</frameset>
</html>
cols : برای تعیین عرض هر فریم به درصد یا پیکسل برای نمونه:
کد:
<frameset cols="10%, 30%, *">
rows : مانند clos اما برای تعیین ارتفاع
border : برای تعیین کادر
bordercolor : رنگ کادر
frameborder : نمایش یا عدم نمایش کادر اطراف فریم را مشخص می کند و دارای دو مقدار است:
yes یا 1 یا true برای نمایش
no یا 0 یا false برای عدم نمایش
framespacing : برای فضای دلخواه بین فریم ها
ویژگی های <frame>
برای مشخص کردن صفحه ای که در فریم نمایش داده می شود. جزو تگ های تهی می باشد.
نکته: تگ <frame> حتما میان تگ آغازی و پایانی <frameset> قرار می گیرد.
نکته: تعداد <frame> باید برابر با تعداد اندازه های تعریف شده در rows یا cols در تگ frameset باشد.
name : نام فریم
longdesc : آدرسی که دارای توضیح کاملی از فریم است.
src : آدرس صفحه ای که در فریم نمایش داده می شود.
noresize : جلوگیری از تغییر اندازه فریم توسط کاربر
scrolling : تعیین اسکرول هنگامی که عرض محتویات فریم با آن همخوانی ندارد و دارای 3 مقدار است:
auto : نمایش خودکار اسکرول در صورت لزوم
yes : همواره اسکرول را نمایش می دهد حتی اگر عرض فریم با محتویات همخوانی داشته باشد
no : هرگز نمایش داده نمی شود.
frameborder : در بالا توضیح داده شد.
marginwidth : فاصله محتویات داخل فریم از چپ و راست دیواره آن فریم براساس پیکسل یا درصد.
marginheight : فاصله مختویات داخل فریم از بالا و پایین دیواره آن فریم براساس پیکسل یا درصد.
تگ <noframes>
برخی از مرورگر ها از تگ های فریم پشتیبانی نمی کنند و در نتیجه محتویات آن را نمایش نمی دهند. شما می توانید از تگ برای نمایش یک کد جایگزین در اینگونه مرورگر ها استفاده کنید.
تگ <iframe> :
از دو واژه inline Frame
برای قرار دادن یک صفحه در داخل صفحه ای دیگر
این تگ از تمام خصوصیات تگ <frame> به جز noresize پشتیبانی می کند.
برای تعیین عرض و ارتفاع این فریم از height و width استفاده می شود.
نمونه برای iframe
کد:
<iframe src=“frame.html” width=“120” height=“120” > </iframe>
نمونه کلی از فریم ها:
کد:
<html>
<head>
<title>فریم</title>
</head>
<frameset>
<frame src=" " />
</frameset>
<noframes>
<body>
<h1 style="text-align: center"> مرورگر شما از فریم پشتیبانی نمی کند</h1>
</body>
</noframes>
</html>