טיפים למסגרות HTML לבעיות נפוצות

click fraud protection

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

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

תמיכה ב- HTML5 למסגרות

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

מכיוון שמסגרות אינן נתמכות ב- HTML5, לא תשתמש באלמנט זה באתר שנבנה לאחרונה. זה משהו שתפגוש רק באותם אתרי מורשת כאמור.

לא להתבלבל עם iFrames

ה- HTML

מיקוד למסגרות HTML

instagram viewer

בסדר, אז נאמר כל מה שקשור למסגרות מיושנות, מה קורה אם אתה אכן צריך לעבוד עם חלקי ה- HTML הישנים האלה?

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


בערכת המסגרות שלעיל ישנן שתי מסגרות, הראשונה נקראת "nav" והשנייה נקראת "main". אנו יכולים לדמיין שמסגרת ה- nav (frame1.html) היא ניווט וכל הקישורים בתוכה צריכים להיפתח במסגרת הראשית (frame2.html).

לשם כך, היית נותן לקישורים במסגרת 1 את היעד של "ראשי". target = "main">. אבל מה אם אתה לא רוצה להוסיף את היעד לכל קישור בדף הניווט שלך? אתה יכול להגדיר יעד ברירת מחדל ב- HEAD של המסמך שלך. זה נקרא יעד הבסיס. היית מוסיף את השורה

מסגרות ומסגרות

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

במערך מסגרות טיפוסי, ה- HTML נראה כך:


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

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


אתר זה ממוסגר, אבל אתה יכול צפה בגרסה שאינה ממוסגרת.

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

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

instagram story viewer