כיצד ומתי להשתמש ב- Iframes (מסגרות מוטבעות)

click fraud protection

מסגרות מוטבעות, בדרך כלל פשוט נקראות iframes, הם סוג המסגרת היחיד המותר ב- HTML5. מסגרות אלה הן למעשה חלק מהדף ש"גזרת ". בשטח שגזרת מהדף, תוכל להאכיל בדף אינטרנט חיצוני.

למעשה, iframe הוא חלון דפדפן אחר המוגדר בתוך דף האינטרנט שלך. אתה רואה קוד iframes הנפוץ באתרים שצריכים לכלול תוכן חיצוני כמו מפה של גוגל או סרטון מ- YouTube. שני אתרי האינטרנט הפופולריים האלה משתמשים ב- iframes בקוד ההטמעה שלהם.

כיצד להשתמש באלמנט IFRAME

חלון דפדפן
פילו / Getty Images

האלמנט משתמש באלמנטים הגלובליים של HTML5 כמו גם בכמה אלמנטים אחרים. ארבע הן תכונות גם ב- HTML 4.01:

  • כתובת האתר של מקור המסגרת,
  • גובה החלון,
  • רוחב החלון, ו
  • את שם החלון.

שלוש חדשות ב- HTML5:

  • Srcdoc: ה- HTML עבור מקור המסגרת. תכונה זו קודמת לכל כתובת אתר ב- src תְכוּנָה.
  • ארגז חול: רשימת תכונות שיש לאפשר או לאסור בחלון המסגרת.
  • בצורה חלקה: אומר לסוכן המשתמש שיש למסור את iframe כאילו הוא חלק מהמסמך האב באופן בלתי נראה.

כדי לבנות iframe פשוט, הגדר את כתובת האתר של המקור ואת הרוחב והגובה בפיקסלים:


השתמש באחוזים במקום בגודל שנקבע בפיקסלים עבור אתר רספונסיבי שגודלם אמור להשתנות בגדלי מסך שונים.

instagram viewer

תמיכה בדפדפן Iframe

ה iframe אלמנט נתמך על ידי כל הדפדפנים המודרניים למחשבים שולחניים וניידים. עם זאת, חלק מהדפדפנים עדיין אינם מגיבים באופן עקבי לשלושת המאפיינים החדשים של HTML5 עבור אלמנט זה.

Iframes ואבטחה

ה iframe אלמנט כשלעצמו אינו מהווה סיכון ביטחוני לך או למבקרי האתר שלך. Iframes קיבלו מוניטין רע בגלל שהם יכולים להשתמש באתרים זדוניים כדי לכלול תוכן שיכול להדביק מבקר מחשב מבלי שהם יראו זאת בדף, על ידי שילוב קישורים המפנים אל iframe הבלתי נראה, והתסריטים הללו מפעילים זדוניות קוד.

יש וירוסי מחשב שמזריקים לדף האינטרנט שלך iframe בלתי נראה, ובכך הופך את האתר שלך ל- botnet.

המבקרים באתר שלך בטוחים רק כמו התוכן של כל האתרים שאליהם אתה מקשר. אם יש לך סיבה לחשוב שאתר אינו מהימן, אל תקשר אליו בשום צורה שהיא.

instagram story viewer