فریم های درون خطی شما اجازه می دهد محتوا را از منابع خارجی در صفحات خود قرار دهید
فریم های درون خطی، معمولا به عنوان "iframes" نامیده می شوند، تنها نوع قاب که در HTML5 مجاز است. این فریم ها اساسا یک بخش از صفحه شما است که شما "برش". در فضایی که از صفحه خارج کرده اید، می توانید در صفحه وب خارجی آن را تغذیه کنید. در اصل، iframe یک پنجره مرورگر دیگر است که در داخل صفحه وب شما قرار دارد. شما می بینید که فریم هایی که معمولا در وبسایت هایی استفاده می شود که باید شامل محتویات خارجی مانند نقشه Google یا یک ویدیو از یوتیوب باشد.
هر دو وب سایت های محبوب از inrames در کد جاسازی شده خود استفاده می کنند.
نحوه استفاده از عنصر IFRAME
عنصر از عناصر جهانی HTML5 و چند عنصر دیگر استفاده می کند. چهار ویژگی نیز در HTML 4.01 وجود دارد:
- URL برای منبع فریم
- ارتفاع پنجره
- - عرض پنجره
- نام پنجره
و سه در HTML5 جدید هستند:
- srcdoc -the HTML برای منبع فریم. این ویژگی برای هر نشانی اینترنتی در صفت src اهمیت دارد
- گودال ماسهبازی - لیستی از ویژگی های که باید در پنجره قاب مجاز یا مجاز باشد
- بدون درز - عامل کاربر را ترتیب می دهد که iframe باید رندر شود مانند آن قسمت نامحدودی از سند پدر و مادر است
برای ساخت یک iframe ساده، URL منبع و عرض و ارتفاع را تنظیم کنید:
توجه داشته باشید که ممکن است شما مجبور به استفاده از مقادیر پیکسل برای تنظیمات iframe خود نباشید، اما می توانید از آن استفاده کنید.
اگر شما در حال ایجاد یک وب سایت پاسخگو هستید که اندازه آن باید با اندازه صفحه نمایش متفاوت باشد، این درصد مهم خواهد بود.
همچنین برخی از ویژگی های معتبر در HTML 4.01 معتبر هستند اما در HTML5 منسوخ شده اند. از آنجایی که اکثر وبسایتها از HTML5 + استفاده میکنند، این ویژگیهایی هستند که شما نمیخواهید از آن استفاده کنید (اما ممکن است در بعضی اسناد قدیمی مشاهده کنید).
- -اگر از یک عنصر A برای پیوند به یک توصیف استفاده کنید
- - به جای استفاده از ویژگی شناور CSS
- allowtransparency - به جای آن از property CSS برای استفاده از ifram استفاده کنید
- -اگر از ویژگی CSS مرز استفاده کنید
- marginheight-به جای آن ، از حاشیه CSS استفاده کنید
- marginwidth - به جای آن از ویژگی margin CSS استفاده کنید
- -با این حال، از ویژگی سرریز CSS استفاده کنید
IFRAME پشتیبانی مرورگر
عنصر IFRAME توسط تمام مرورگرهای مدرن پشتیبانی می شود:
- اندروید
- کروم
- فایرفاکس
- اینترنت اکسپلورر 2+
- iOS / Safari Mobile
- Netscape 7+
- اپرا 3 +
- سافاری
اگر شماره نسخه در لیست بالا نشان داده نشود، دلیل این است که تمام نسخه های آن مرورگر آن را پشتیبانی می کنند.
یکی از چیزهایی که باید توجه داشته باشید این است که در حالی که تمام مرورگرها از عنصر IFRAME پشتیبانی می کنند، هنوز هم پشتیبانی محدودی از بعضی از ویژگی های HTML5 وجود دارد.
- استفاده از سرریز برای خاموش کردن پیمایش قابل اعتماد نیست. اگر شما نمی خواهید اسکرول در قاب های خود را، شما باید ادامه استفاده از ویژگی های پیمایش.
- در حال حاضر ویژگی های srcdoc، sandbox و بدون درنگ هیچ مرورگر پشتیبانی نمی شوند.
پیوند با Iframes
وقتی فایروال خود را یک نام یا شناسه می دهید، می توانید لینک های خود را در آن کادر با ویژگی در عنصر A قرار دهید. سپس، هنگامی که یک کاربر بر روی لینک کلیک کند، در داخل iframe مرجع، به جای پنجره فعلی باز می شود.
خودت آن را امتحان کن. زیر را در یک صفحه وب تایپ کنید:
اگر سند باز شده در IFRAME هیچ اهدافی نداشته باشد، پس همه آن لینک ها در iframe مشابه به عنوان سند پدر و مادر باز می شوند .
شما می توانید از این ویژگی برای ایجاد پیوندهایی در یک IFRAME استفاده کنید تا محتوای IFRAME دیگری در همان صفحه تغییر کند.
IFrames و امنیت
عنصر IFRAME به خودی خود یک خطر امنیتی برای شما یا خوانندگان شما نیست.
متاسفانه iframes یک شهرت بد بدست آورده اند؛ زیرا آنها می توانند توسط وب سایت های مخرب مورد استفاده قرار گیرند تا محتویاتی را ایجاد کنند که بتواند یک کامپیوتر بازدید کننده را بدون آنکه آن را در صفحه مشاهده کند آلوده کند. این کار با داشتن پیوندها به IFRAME نامرئی انجام می شود و آن اسکریپت ها کد مخرب را کنار می گذارند. کاربر روی لینک کلیک می کند و فکر می کند که لینک خراب شده است زیرا هیچ چیز ظاهر نمی شود اما یک اسکریپت جایی که آنها نمی توانند آن را ببینند تنظیم شده است.
همچنین ویروس های کامپیوتری وجود دارند که IFRAME نامرئی را به صفحات وب شما تزریق می کنند و به طور موثر وب سایت شما را به یک botnet تبدیل می کنند. آنها می توانند از طریق تزریق SQL و حملات دیگر انجام دهند.
چیزی که باید در هنگام استفاده از یک IFRAME در صفحه وب خود داشته باشید، این است که کاربران شما تنها به عنوان محتویات همه سایتهایی که به آن لینک دارند، ایمن هستند. اگر دلیلی برای حس کردن یک سایت غیر قابل اعتماد باشد، به هیچ وجه به آن لینک نکنید و قطعا محتویات آن را در IFRAME نخواهید گذاشت. با این حال، پیوند دادن به صفحات خود در داخل قابهای قاب، خطر امنیتی برای شما یا کاربران شما نیست.
مقاله اصلی جنیفر کریینین. توسط Jeremy Girard در تاریخ 11/7/16 ویرایش شده است