آموزش و کاربرد تگ iframe ( ساده ولی کاربردی html – قسمت 19 )

در این ساعت از سایت اسکریپت دات کام با آموزش تگ iframe در خدمت شما عزیزان هستم .

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

البته به دلیل اینکه سوء استفاده هایی که بعضا از این تگ توسط برخی افراد میشود , بسیاری از سایت های بزرگ دنیا از جمله گوگل , امکان این کار را از وبمستران گرفته است . ضمنا این کار بسیار هم سخت نیست و شما میتوانید با ورود به این مطلب , همین کار رو برای وب سایت خود انجام دهید.

کاربرد این تگ خیلی زیاد نیست , اما بعضی مواقع میتواند به درد بخور باشد . مثلا فرض کنید یک وب سایت آژانس هواپیمایی دارید و میخواهید آخرین پرواز های ورودی و خروجی فرودگاه امام را در آن به نمایش بگذارید . میتوانید با ورود به سایت فرودگاه امام , به قسمت مربوزه رفته و لینک صفحع را به تگ iframe داده و از آن استفاده نمایید .

تگ iframe : این تگ به صورت Container و Block Level می باشد و همانطور که گفته شد میتواند یک سایت یا یک صفحه از یک سایت را در وب سایت شما بازخوانی کند .

خاصیت src : این خاصیت مهمترین خاصیت تگ iframe می باشد که مخخف کلمه source یا همان منبع می باشد . مقدار این خاصیت باید یک url یا حتا مثلا یک صفحه از وب سایت باشد .

خاصیت width : این خاصیت پهنای این تگ را مشخص میکند که میتوانید بر حسب پیکسل و یا درصد باشد .

خاصیت height : این خاصیت پهنای این تگ را مشخص میکند که میتوانید بر حسب پیکسل و یا درصد باشد .

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

<iframe src="http://test.com" width="300" height="300"></iframe>

<iframe src="pdf/resume.html" width="100%" height="500"></iframe>

توجه : این تگ شامل خاصیت های دیگری هم میباشد که تمامی آنها در html5 منسوخ شده است و جایگزین با css شده است که بعدا در سری آموزش های css به آنها میپردازیم .

پخش اختصاصی

آموزش : وحید مجیدی