آموزش و کاربرد تگ 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 به آنها میپردازیم .
پخش اختصاصی
آموزش : وحید مجیدی
با سلام و تشکر از مطالب مفیدتون
راهی هست برای دور زدن سایت هایی که iframe رو بلاک کردن؟
تا اونجایی که من خبر دارم خیر
به دلیل علم برنامه نویسی و طراحی وب همیشه یک ترفند برای دور زدن دارد , بهتر هست که به صورت 100% جواب منفی ندم ;)