آموزش HTML – تگ frame

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/10 | بخش : آموزش HTML

تعریف و کاربرد تگ 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 یک آدرس ( سورس / منبع / محتوا ) برای نمایش در فریم.