آموزش HTML – تگ frame

تعریف و کاربرد تگ frame در HTML

تگ frame تگی است که در درون تگ frameset مورد استفاده قرار می گیرد و با استفاده از آن می توان یک صفحه وب ، تصویر،ویدئو و… را در یک قاب یا پنجره که بهش میگیم Frame به نمایش درآوریم.

این تگ در HTML5 منسوخ شده و پشتیبانی نمی شود، لذا باید از تگ Iframe بجای این تگ استفاده نمایید.

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