HTML Iframe משמש להצגת דף אינטרנט מקונן (דף אינטרנט בתוך דף אינטרנט). ה-HTML
HTML iframe מטמיע מסמך נוסף בתוך מסמך ה-HTML הנוכחי באזור המלבני.
תוכן דף האינטרנט ותוכן iframe יכולים ליצור אינטראקציה זה עם זה באמצעות JavaScript.
חודש שנה
תחביר Iframe
HTML iframe מוגדר עם ה-
<iframe src="URL"></iframe>
כאן, התכונה 'src' מציינת את כתובת האינטרנט (URL) של דף המסגרת המוטבע.
הגדר רוחב וגובה של iframe
אתה יכול להגדיר את הרוחב והגובה של iframe על ידי שימוש בתכונות 'רוחב' ו'גובה'. כברירת מחדל, ערכי התכונות מצוינים בפיקסלים אך ניתן גם להגדיר אותם באחוזים. כלומר 50%, 60% וכו'.
דוגמה: (פיקסלים)
<h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>בדוק את זה עכשיו
דוגמה: (אחוז)
<h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>בדוק את זה עכשיו
אתה יכול גם להשתמש ב-CSS כדי להגדיר את הגובה והרוחב של ה-iframe.
דוגמא:
<h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>בדוק את זה עכשיו
הסר את הגבול של iframe
כברירת מחדל, iframe מכיל גבול סביבו. אתה יכול להסיר את הגבול באמצעות תכונה ומאפיין גבול CSS.
דוגמא:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>בדוק את זה עכשיו
ניתן גם לשנות את הגודל, הצבע, הסגנון של הגבול של ה-iframe.
mb לעומת GB
דוגמא:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>בדוק את זה עכשיו
יעד Iframe עבור קישור
אתה יכול להגדיר מסגרת יעד לקישור באמצעות iframe. תכונת היעד שציינת של הקישור חייבת להתייחס לתכונת השם של ה-iframe.
דוגמא:
<h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>בדוק את זה עכשיו
תְפוּקָה
קוד פלט new.hmtl:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>
הטמע סרטון YouTube באמצעות iframe
אתה יכול גם להוסיף סרטון YouTube לדף האינטרנט שלך באמצעות
להלן כמה שלבים להוספת סרטון YouTube לדף האינטרנט שלך:
- עבור לסרטון YouTube שברצונך להטביע.
- לחץ על SHARE ➦ מתחת לסרטון.
- לחץ על האפשרות Embed.
- העתק קוד HTML.
- הדבק את הקוד בקובץ ה-HTML שלך
- שנה גובה, רוחב ומאפיינים אחרים (לפי דרישה).
דוגמא:
<iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>בדוק את זה עכשיו
תְפוּקָה:
str.substring ב-java
תכונות של
שם מאפיין | ערך | תיאור |
---|---|---|
הרשה מסך מלא | אם זה נכון, ניתן לפתוח את המסגרת הזו במסך מלא. | |
גוֹבַה | פיקסלים | הוא מגדיר את גובה ה-iframe המוטבע, וגובה ברירת המחדל הוא 150 פיקסלים. |
שֵׁם | טֶקסט | זה נותן את השם ל-iframe. תכונת השם חשובה אם ברצונך ליצור קישור במסגרת אחת. |
גבול המסגרת | 1 או 0 | זה מגדיר אם ל-iframe צריך להיות גבול או לא. (לא נתמך ב-HTML5). |
רוֹחַב | פיקסלים | הוא מגדיר את רוחב המסגרת המוטבעת, ורוחב ברירת המחדל הוא 300 פיקסלים. |
src | כתובת אתר | התכונה src משמשת כדי לתת לשם הנתיב או שם הקובץ איזה תוכן יש לטעון לתוך iframe. |
ארגז חול | ||
תכונה זו משמשת להחלת הגבלות נוספות על תוכן המסגרת | ||
אפשר-טפסים | זה מאפשר שליחת הטופס אם מילת מפתח זו אינה בשימוש אז הגשת הטופס חסומה. | |
אפשר חלונות קופצים | זה יאפשר חלונות קופצים, ואם לא יושם אז לא ייפתח חלון קופץ. | |
אפשר-סקריפטים | זה יאפשר לסקריפט לפעול. | |
אפשר-זהה-מקור | אם נעשה שימוש במילת מפתח זו, המשאב המוטבע יטופל כמוורד מאותו מקור. | |
srcdoc | התכונה srcdoc משמשת להצגת תוכן ה-HTML ב-iframe המוטבע. זה עוקף את תכונת src (אם דפדפן תומך). | |
גְלִילָה | ||
זה מציין שהדפדפן צריך לספק פס גלילה עבור ה-iframe או לא. (לא נתמך ב-HTML5) | ||
אוטומטי | סרגל הגלילה מציג רק אם התוכן של iframe גדול מהמידות שלו. | |
כן | מציג תמיד פס גלילה עבור ה-iframe. | |
לא | לעולם לא מציג פס גלילה עבור iframe. |