מסגרות מוטבעות, המכונות בדרך כלל רק "iframes", הן הסוג היחיד של מסגרת המותרת ב- HTML5. מסגרות אלה הם למעשה קטע של הדף שלך כי אתה "לגזור". במרחב שיש לך לחתוך את הדף, אז אתה יכול להאכיל את דף אינטרנט חיצוני. במהותו, iframe הוא חלון דפדפן נוסף מוגדר ממש בתוך דף האינטרנט שלך. אתה משתמש ב- iframes באופן נפוץ באתרי אינטרנט שצריכים לכלול תוכן חיצוני כגון מפת Google או סרטון מ- YouTube. שני האתרים הפופולריים משתמשים ב- iframes בקוד ההטבעה שלהם.
כיצד להשתמש באלמנט IFRAME
האלמנט משתמש באלמנטים הגלובליים של HTML5 וכן באלמנטים נוספים. ארבעה הם גם תכונות ב- HTML 4.01:
- -כתובת האתר של המקור של המסגרת
- - גובה החלון
- - רוחב החלון
- - שם החלון
ושלושה חדשים ב- HTML5:
סרדוק-HTML עבור המקור של המסגרת. תכונה זו מקבלת עדיפות על פני כל כתובת אתר ב-srcתכונהארגז החול- רשימה של תכונות שיש לאפשר או אסור בחלון המסגרתללא תפר- מציין את סוכן המשתמש כי iframe צריך להיות שניתנו כאילו הוא חלק בלתי נראה של מסמך האב
כדי לבנות iframe פשוטה, אתה מגדיר את כתובת האתר של המקור ואת הרוחב והגובה:
שים לב, ייתכן שתבחר שלא להשתמש בערכי פיקסלים להגדרות ה- iframe שלך, אך ייתכן שתחליט להשתמש באחוז. אם אתה בונה אתר אינטרנט בעל יכולת תגובה לשינוי גודל עם גדלי מסך שונים, אחוז זה יהיה חשוב.
יש גם כמה תכונות תקפות ב- HTML 4.01 אבל מיושן ב- HTML5. מאחר שרוב אתרי האינטרנט כיום משתמשים ב- HTML5 +, תכונות אלה הן תכונות שלא תרצה להשתמש בהן (אך ייתכן שתראה אותן במסמכים מדור קודם).
- -Instead, השתמש
אאלמנט כדי לקשר לתיאור - במקום זאת, השתמש ב- CSS
לצוףנכס שקיפותבמקום זאת, השתמש ב- CSSרקע כללירכוש כדי להפוך את ifram שקוף- - להשתמש מראש
גבולמאפיין CSS marginheightבמקום זאת, השתמש ב- CSSשוליםנכסשוליבמקום זאת, השתמש ב- CSSשוליםנכס- במקום זאת, השתמש ב- CSS
הצפהנכס
תמיכה בדפדפן IFRAME
ה IFRAME רכיב נתמך על ידי כל הדפדפנים המודרניים:
- אנדרואיד
- Chrome
- אתר
- Internet Explorer 2+
- iOS / Safari נייד
- נטסקייפ 7+
- אופרה 3+
- ספארי
אם לא מופיע מספר גירסה ברשימה לעיל, הסיבה לכך היא שכל הגירסאות של הדפדפן הזה תומכות בו.
דבר אחד להיות מודעת לכך היא כי בעוד כל הדפדפנים לתמוך IFRAME אלמנט, עדיין יש תמיכה מוגבלת עבור חלק מהתכונות HTML5.
- שימוש
הצפהכדי לבטל את הגלילה אינה אמינה. אם אתה לא רוצה גלילה על iframes שלך, אתה צריך להמשיך להשתמשגלילהתכונה. - ה
סרדוק,ארגז החול, וללא תפרבשלב זה, התכונות אינן נתמכות על ידי כל הדפדפנים.
קישור עם Iframes
כאשר אתה נותן את iframes א שם או id לאחר מכן תוכל להצביע על הקישורים שלך באותה מסגרת עם התכונה ב- א אלמנט. לאחר מכן, כאשר משתמש לוחץ על הקישור, הוא ייפתח בתוך iframe המפנה ולא בחלון הנוכחי.
נסה זאת בעצמך. הקלד את הפרטים הבאים בדף אינטרנט:
ללא שם: זהו iframe שלי
כאשר תלחץ על קישור זה הוא יפתח מסמך חדש בחלון הנ"ל.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
אם המסמך נפתח ב IFRAME לא הוגדרו יעדים, ולאחר מכן כל הקישורים ייפתחו באותו iframe כמו מסמך האב.
ניתן להשתמש בתכונה זו כדי ליצור קישורים באחד מהם IFRAME לשנות את התוכן של אחר IFRAME באותו עמוד.
IFrames וביטחון
ה IFRAME אלמנט, כשלעצמו, אינו מהווה סיכון אבטחה לך או לקוראים שלך. למרבה הצער, iframes קיבלו שם רע כי הם יכולים להיות בשימוש על ידי אתרי אינטרנט זדוניים לכלול תוכן שיכול להדביק את המחשב של המבקר מבלי לראות את זה על הדף. זה נעשה על ידי שיש קישורים הצבע אל הבלתי נראה IFRAME ואת התסריטים האלה להגדיר קוד זדוני. המשתמש לוחץ על הקישור וחושב שהקישור נשבר משום שדבר לא קרה, אך סקריפט הוגדר במקום שבו לא ניתן היה לראות אותו.
יש גם וירוסי מחשב שיזריקו בלתי נראה IFRAME לתוך דפי האינטרנט שלך, ביעילות להפוך את האתר שלך לתוך botnet. הם יכולים לעשות זאת באמצעות הזרקת SQL והתקפות אחרות.
הדבר שיש לזכור כאשר כולל IFRAME בדף האינטרנט שלך הוא שהמשתמשים שלך בטוחים בדיוק כמו התוכן של כל האתרים שאליהם אתה מקשר. אם יש לך סיבה להרגיש שהאתר אינו מהימן, אל תקשר אליו בכל צורה שהיא, ובודאי שלא תכלול את תוכנו IFRAME. עם זאת, הקישור לדפים שלך בתוך iframes אינו מהווה סיכון אבטחה עבורך או עבור המשתמשים שלך.
מאמר מקורי מאת ג'ניפר קרינין. נערך בתאריך 11/7/16 על ידי ג'רמי ג'יררד
