עם שחר של בניין האתר, משאבי אינטרנט השתמשו במסגרות בהרחבה כדי להציג חלקים בודדים של דפים. אבל עם הגעתו של הגירסה החדשה של HTML 5, הכל השתנה. רכיבי סימון <מסגרת>, <מסגרות> ו <noframes> נחשבים למיושנים. החלפתם היתה תג יחיד - <iframe> כיצד להוסיף ל- HTML <iframe>? הדוגמה הבאה תהיה מובנת אפילו למתחילים בתכנות.

מהן מסגרות?

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

  • "שווי" (מסגרת העליון על רוחב של הדף) - להציג את שם המשאב;
  • שמאל / ימין "זכוכית" - פלט התפריט;
  • את המסגרת המרכזית היא להציג את תוכן האתר.

לדוגמה, למשל iframe

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

מסגרות מודרניות ב- HTML 5

למה להשתמש ב- HTML <iframe> דוגמה לכך היא הכנסת תוכן ממשאב של צד שלישי. מצב קלאסי הוא כאשר מפתח אינטרנט רוצה להציג את המיקום של אובייקט על המפה. איך להיות? לצייר תוכנית שטח מאפס? לא - יש פתרון פשוט יותר: להטביע אלמנט של מפת Google, מפות Yandex או 2GIS בדף. הבעיה נפתרת בארבעה פעולות.

  1. אתה צריך ללכת לאתר של כל שירות קרטוגרפי.
  2. מצא את האובייקט הרצוי. אם אתה מכיר את הכתובת המדויקת, תוכל להזין אותה בתיבת החיפוש.
  3. השתמש בלחצן "שמור וקבל קוד" (עבור "Yandex.Map") או "בוצע" (עבור מפות Google) כדי להכניס את הקוד להוספה.
  4. נותר להזין את תגי הסימון שנוצרו בדף.

בנוסף, ניתן לבחור את גודל המפה ולהגדיר אפשרויות תצוגה אחרות.

לדוגמה, למשל iframe

כיצד אוכל להשתמש ב- HTML <iframe>? דוגמה לכך היא החדרת חומר וידאו ממשאב Youtube. טכנולוגיית המולטימדיה מושכת משתמשים באינטרנט, כך שתוכן הווידאו הוא כל כך פופולרי. עם ההתקנה של מפתח הווידאו יהיה להתמודד במהירות.

  1. עליך להעלות סרטון משלך ב- YouTube או למצוא קובץ של צד שלישי עבור השידור.
  2. קבל את התג על ידי בחירה בלחצן "HTML"
  3. הפעולה הסופית היא להכניס לתוך קוד ה- HTML <iframe>. דוגמה לתוכן התג תידון בהמשך.

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

iframe html מה זה

תחביר

לכן, לפני שתתחיל פריסת דף, עליך לשקול את התג iframe (html): מה זה ואיך להשתמש בו כהלכה.

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

  • רוחב (רוחב);
  • גובה;
  • src (הכתובת של המשאב הטעון);
  • יישור (שיטת יישור);
  • frameborder;
  • .

לכן, קוד <iframe> מתקבל. דוגמה HTML מוצגת להלן:

<iframe width = "560" height = "315" src = "https://someserver.com/" frameborder = "0" allowfullscreen> </ iframe>

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

</ p>