میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

تگ Iframe

تگ Iframe چیست و چه کاربردی دارد ؟ و در کجا مورد استفاده قرار می گیرد

با سلام به خدمت دوستان عزیز و گرامی در این بخش از آموزش قصد داریم  مطالبی در مورد تگ Iframe در Html مباحثی را عنوان کنیم باشد که مفید مواقع شود .

برای نمایش یک سایت در iframe کاربردهای  زیادی می توان ذکر کرد و هدف اصلی آن نمایش فضایی مجزا در یک صفحه از سایت شما می باشد.

این ویژگی همیشه برای شما سودمند نیست! سایت های بسیاری در اینترنت وجود دارند که با نمایش محتوای صفحات شما در سایت خود اطلاعات وارد شده را بدون هیچ زحمتی به نمایش گذاشته و پهنای باند سایت شما را نیز مصرف می کنند. ممکن است شما تصور کنید که این کار برای شما می تواند مفید باشد و بازدید سایت را افزایش خواهد داد ولی در عمل کاربران متوجه زحمات شما برای ایجاد این محتوا نشده و همه چیز به نام سایت نمایش دهنده تمام می شود.

مشکل بزرگتر زمانی ایجاد می شود که سایت های خبری با نمایش سایت شما بصورت iframe و در صفحات داخلی خود جایگاه بهتری نسبت به شما در رتبه بندی گوگل کسب می کنند

اما در مقابل شما هم می توانید ین کار را با سایت های دیگر انجام دهید قسمتی از سایت هدف را در قسمتی از صفحه خودتان نمایش دهید و از امتیازات آن برخوردار شوید

 

 

تگ <iframe>

تگ <iframe> یک قاب درون خطی ایجاد می کند .
نحوه ایجاد Iframe به صورت زیر است

<iframe src=”url title=”description>

نکته: یک کار خوب این است که همیشه یک ویژگی title برای <iframe> درج کنید.

از صفت های width و height برای تعیین اندازه iframe استفاده کنید. در هنگام دادن طول و عرض فقط مقدار داده می شود و دیگر لازم نیست مقدار px را بدهید چون بطور پیش فرض در پیکسل انتخاب شده است.

<iframe src=”iframe.htm height=”300″ width=”500 title=”Iframe Example></iframe>

 

 

به طور پیش فرض ، یک تگ iframe حاشیه ای در اطراف خود دارد.
برای حذف حاشیه یا همان صفت border ، ویژگی style را اضافه کنید و از ویژگی حاشیه CSS استفاده کنید .
<iframe src=”iframe.htm style=”border:none; title=”Iframe Example></iframe>

 

با CSS می توانید اندازه ، style و رنگ حاشیه iframe را نیز تغییر دهید.

همچنین

از iframe می توان به عنوان قاب مورد نظر برای یک پیوند استفاده کرد. که در لینک <a> با صفت target به مقدار صفت name در iframe استفاده کرد

<iframe src=”iframe.htm” name=”iframe_a” height=”300px” width=”100%” title=”Iframe Example”></iframe>

<a href=”http://coderschool.ir/” target=”iframe_a”>coderschool.ir</a>

امیدواریم این بخش از آموزش در مورد تگ iframe در Html و صفت های آن نیز برای شما مفید واقع شده باشد و ما را در تلگرام و اینستاگرام دنبال کنید .

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟