logo

HTML iframes

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&apos;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> 
בדוק את זה עכשיו

תְפוּקָה

HTML iframes

קוד פלט 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
HTML iframes

תכונות של

שם מאפיין ערך תיאור
הרשה מסך מלא אם זה נכון, ניתן לפתוח את המסגרת הזו במסך מלא.
גוֹבַה פיקסלים הוא מגדיר את גובה ה-iframe המוטבע, וגובה ברירת המחדל הוא 150 פיקסלים.
שֵׁם טֶקסט זה נותן את השם ל-iframe. תכונת השם חשובה אם ברצונך ליצור קישור במסגרת אחת.
גבול המסגרת 1 או 0 זה מגדיר אם ל-iframe צריך להיות גבול או לא. (לא נתמך ב-HTML5).
רוֹחַב פיקסלים הוא מגדיר את רוחב המסגרת המוטבעת, ורוחב ברירת המחדל הוא 300 פיקסלים.
src כתובת אתר התכונה src משמשת כדי לתת לשם הנתיב או שם הקובץ איזה תוכן יש לטעון לתוך iframe.
ארגז חול
תכונה זו משמשת להחלת הגבלות נוספות על תוכן המסגרת
אפשר-טפסים זה מאפשר שליחת הטופס אם מילת מפתח זו אינה בשימוש אז הגשת הטופס חסומה.
אפשר חלונות קופצים זה יאפשר חלונות קופצים, ואם לא יושם אז לא ייפתח חלון קופץ.
אפשר-סקריפטים זה יאפשר לסקריפט לפעול.
אפשר-זהה-מקור אם נעשה שימוש במילת מפתח זו, המשאב המוטבע יטופל כמוורד מאותו מקור.
srcdoc התכונה srcdoc משמשת להצגת תוכן ה-HTML ב-iframe המוטבע. זה עוקף את תכונת src (אם דפדפן תומך).
גְלִילָה
זה מציין שהדפדפן צריך לספק פס גלילה עבור ה-iframe או לא. (לא נתמך ב-HTML5)
אוטומטי סרגל הגלילה מציג רק אם התוכן של iframe גדול מהמידות שלו.
כן מציג תמיד פס גלילה עבור ה-iframe.
לא לעולם לא מציג פס גלילה עבור iframe.