۱۳ اسفند ۱۳۹۰ ۱ 4403 بازدید

در این نوشته، سلسله مقالات آموزش طراحی سایت را با مطلبی پیرامون iframe ها در html ادامه می دهیم. در این مقاله آموزشی، شما مفاهیم مربوطه را فراخواهید گرفت:

Iframe ها در اچ تی ام ال

از IFRAME برای نمایش یک صفحه وب درون یک صفحه وب استفاده می شود.

تگ :<iframe> تعریف زیر پنجره های درون خطی است.

نحوه اضافه کردن IFRAME در html

<iframe  src=”URL“></iframe>

URL اشاره به محل صفحه جداگانه دارد.

تنظیم ارتفاع و عرض

صفات ارتفاع و عرض برای تعیین ارتفاع و عرض IFRAME مورد استفاده قرار می گیرد. مقادیر به طور پیش فرض با پیکسل مشخص می شوند. آنها همچنین می توانندمقدار درصد هم باشند.  مثل( ” %80″)

به عنوان مثال:

<html>
<body>
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
<p>Some older browsers don't support iframes.</p>
<p>If they don't, the iframe will not be visible.</p>
</body>
</html>

که خروجی به صورت زیر است:

آی فریم ها در طراحی صفحات وب

نمونه ای از iframe در طراحی وب

حذف کادر

صفت  frameborder  برای نشان دادن یا نشان ندادن کادر در اطراف IFRAME مشخص می شود. تنظیم مقدار صفت به “0”  به منظور حذف کادر صورت می گیرد.

مثال:

<iframe   src="demo_iframe.htm"    frameborder="0"> </iframe>

استفاده از IFRAME به عنوان یک هدف(target)برای یک لینک

IFRAME را می توان به عنوان فریم هدف برای لینک استفاده کرد. صفت target از لینک باید اشاره به صفت نام IFRAME  داشته باشد.

مثال:

<iframe  src= "demo_iframe.htm" name="iframe_a"></iframe>
<p> <a href= <a href="https://www.onliner.ir/">https://www.onliner.ir</a>
target="iframe_a">onliner.ir </a></p>

توجه داشته باشید که توصیه ی اکید ما این هست که از iframeها در جای مخصوص و صحیح مربوط به خودشان استفاده کنید و هرگز سعی نکنید که در طراحی سایت های مورد نظرتان، از آی فریم ها به منظور فریب دادن موتورهای جستجو (به خصوص گوگل) استفاده کنید. چرا که به هر حال بعد از تغییر دوره ای الگوریتم های گوگل و بخصوص Google Panda، در صورتی که تقلب کرده باشید، با مشکلات زیادی مواجه خواهید شد.

نظرات کاربران (۱)




  1. با سلام

    این سایت مطالب منو آی فریم گذاشته

    http://telegram-gap-bsky.rasanetv.ir/page-559205.html

    و صفحالت اصلی وبلاگ منو گوگل پاک کرده

    اینو پاک نکرده ولی منو پاک کرده

    چیکارش کنم؟