تعریف و کاربرد تگ frame در HTML
تگ frame تگی است که در درون تگ frameset مورد استفاده قرار می گیرد و با استفاده از آن می توان یک صفحه وب ، تصویر،ویدئو و… را در یک قاب یا پنجره که بهش میگیم Frame به نمایش درآوریم.
- تگ <frame> یک پنجره خاص (قاب) را در یک <frameset> تعریف می کند.
- هر <frame> داخل <frameset> می تواند ویژگی های مختلفی از جمله: border ،scrolling و ability to resize (قابلیت تغییر سایز) و … داشته باشد.
- اگر می خواهید یک صفحه حاوی frames، را Validate (اعتبار) کنید لازم است که <DOCTYPE> به یکی از دو حالت “HTML Frameset DTD” یا “XHTML Frameset DTD” تنظیم شده باشد.
نکات و توضیحات
تگ frame + تمامی صفات آن در HTML5 پشتیبانی نمی شود.
در HTML تگ frame یک تگ تنهاست (یعنی تگ پایانی ندارد) ولی در XHTML این تگ دارای تگ پایانی است و باید بسته شود.
در حالت عادی و از نظر سئو سعی کنید از فریم ها (Frame) در صفحات وبتان استفاده نکنید ، چرا که موتورهای جستجوگر، همچون گوگل قادر به درک و تفسیر محتوای فریم ها نمی باشند و گوگل از سایت هایی که از فریم استفاده کرده اند زیاد خوشش نمیاد.
لذا اگر مجبور هستید و می خواهید از فریم ها در یک صفحه ی وب استفاده نمایید، به گونه ای که این فریم ها مورد تایید (از نظر موتورهای جستجوگر) معتبر باشند باید از <DOCTYPE!> های زیر استفاده نمایید.
برای HTML :
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
برای XHTML :
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
مثال از تگ frame در HTML
<frameset cols="50%,50%">
<frame src="https://www.sitekade.com">
<frame src="https://www.sitekade.com/cat/shop">
</frameset>
تمرین کنید !
پشتیبانی مرورگرها از تگ <frame>
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<frame> | بله | بله | بله | بله | بله |
جدول صفات تگ frame در HTML
نام صفت | مقدار | توضیح |
frameborder | ۰
۱ |
مشخص می کند که آیا به دور لبه های فریم خط کشیده شود یا خیر. |
longdesc | URL | آدرس یک صفحه که حاوی اطلاعات،توضیحات برای محتوای فریم می باشد را مشخص می کند. |
marginheight | pixels | مقدار حاشیه (مارجین) یا (فاصله) از بالا و پایین فریم را مشخص می کند. |
marginwidth | pixels | مقدار حاشیه (مارجین) یا (فاصله) از راست و چپ فریم را مشخص می کند. |
name | text | یک نام را برای فریم مشخص می کند. |
noresize | noresize | مشخص می کند که فریم قابل تغییر اندازه نباشد. (بصورت پیش فرض با ماوس می توان آن را تغییر اندازه داد) |
scrolling | yes no auto |
مشخص می کند که آیا اسکرول در فریم و محتوای آن نمایش داده شود یا خیر. |
src | URL | یک آدرس ( سورس / منبع / محتوا ) برای نمایش در فریم. |