עיקרי דפדפנים הפיכת HTML5 לעבודה בגרסאות ישנות של Internet Explorer

הפיכת HTML5 לעבודה בגרסאות ישנות של Internet Explorer



מורשת ו- html5

הפיכת HTML5 לעבודה בגרסאות ישנות של Internet Explorer

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

כמובן, בדפדפנים מדור קודם אני מתכוון לאינטרנט אקספלורר, שכן כל שאר השחקנים הגדולים מתעדכנים באופן קבוע והמשתמשים שלהם נוטים ללכת בעקבותיו: דפדפנים כמו פיירפוקס, ספארי ואופרה תמכו ב- HTML5 במשך זמן מה. מפתחים מסוימים עשויים להחליט להפסיק לתמוך ב- IE6, אך עבור חלקם זו לא אפשרות ובכל מקרה, גם IE7 וגם IE8 לא תומכים ב- HTML5. IE9 יהיה, אך הוא פועל רק ב- Windows Vista ו- Windows 7, כך שהגרסאות האחרות עדיין יהיו קיימות עוד הרבה זמן, כפי שראינו ב- IE6.

אז מה צריך לעשות כדי ש- HTML5 יעבוד ב- Internet Explorer?

כיצד לבטל כיתוב סגור בדיסני פלוס

אלמנטים לא ידועים

ובראש ובראשונה, IE לא יעבד שום אלמנט שהוא אינו מזהה, ולכן הוא יתעלם לחלוטין מאלמנטים מבניים של HTML5 כגון header, footer, article, section, ו- nav, כל החלקים העיקריים של אתר HTML5. ניתן לתקן זאת על ידי ספר ל- IE על אלמנטים אלה באמצעות JavaScript. הדרך הטובה ביותר לעשות זאת היא לכלול את HTML5 שיב תסריט, נוצר על ידי רמי שארפ. סקריפט שימושי זה יוצר את כל האלמנטים הרלוונטיים של HTML5 אשר IE יידע כעת עליהם בעת עיבוד הדף.

בעיה אחת בכך היא שזה לא יעבוד עבור משתמשים שה- JavaScript שלהם מושבת. למרבה הצער אין שום דרך לעקוף את זה, ולכן על היזם לקבל החלטה להשתמש ב- HTML5 או להישאר עם HTML 4.01.

סִגנוּן

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

article, aside, figure, footer, header, hgroup,
menu, nav, section { display:block; }

אלמנטים צורתיים

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

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

ניהול זיכרון קוד שגיאה חלונות 10

מולטימדיה

כפי שדברתי בעבר, וִידֵאוֹ ורכיבי שמע נועדו לאפשר נפילה חזרה לפלאש, שתעבוד מצוין ב- Internet Explorer.

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

מאמרים מעניינים

בחירת העורך

איך Wireshark עובד - מדריך פשוט
איך Wireshark עובד - מדריך פשוט
Wireshark הוא כלי רב עוצמה לפתרון בעיות רשת, ניתוח וביקורת אבטחה. זהו מנתח מנות חינמי ומקור פתוח המאפשר למשתמשים לראות מה קורה ברשת שלהם ברמה מיקרוסקופית. מאמר זה יבדוק כיצד
כיצד להשתמש בבקר Xbox One עם מק
כיצד להשתמש בבקר Xbox One עם מק
קל לחבר בקר PS4 למק שלך, אבל מה עם בקר ה- Xbox One? החדשות הטובות הן שזה עובד מצוין, אבל החדשות הרעות הן שזה דורש קצת יותר הגדרה הודות לשימוש של מיקרוסופט בטכנולוגיות אלחוטיות קנייניות. אבל אל דאגה, גיימרים של Xbox One, נראה לכם איך להתחיל ולהפעיל עם בקר Xbox One וה- Mac שלכם.
מיקרוסופט חלונות מלאו 30 - מבט אל העבר
מיקרוסופט חלונות מלאו 30 - מבט אל העבר
הם אומרים שהזמן עובר במהירות ואכן עבור חלק מאיתנו, אנחנו אף פעם לא מבינים כמה זמן אנחנו משתמשים במחשבים ובמערכת ההפעלה היקרה שלנו של מיקרוסופט. מערכת ההפעלה השולחנית הפופולארית ביותר בעולם מלאכה 30. לפני 30 שנה בדיוק, חברת מיקרוסופט פרסמה את ה- GUI הראשון שלה עבור MS DOS, בשם Windows 1.0. זה
כיצד להפוך את שורת המשימות לאטומה ב- Windows 10
כיצד להפוך את שורת המשימות לאטומה ב- Windows 10
כך תוכל להשבית את שקיפות שורת המשימות ולהפוך אותה לאטומה ב- Windows 10
כיצד להסיר התקנה של פורטל מציאות מעורבת ב- Windows 10
כיצד להסיר התקנה של פורטל מציאות מעורבת ב- Windows 10
המבנים האחרונים של Windows 10 מאפשרים למשתמשים להסיר את פורטל מציאות מעורבת בקלות. במאמר זה נראה כיצד ניתן לעשות זאת.
כיצד לבדוק אם תא אינו ריק ב- Google Sheets
כיצד לבדוק אם תא אינו ריק ב- Google Sheets
אם אתה צריך לבדוק אם תא אחד ב- Google Sheets ריק או לא, אתה יכול לעשות זאת ידנית. למעשה, זו כנראה הדרך המהירה ביותר. עם זאת, אם אתה מתמודד עם מספר תאים, זה הופך במהרה ל-
כיצד להוסיף סטטוס ב-ClickUp
כיצד להוסיף סטטוס ב-ClickUp
ClickUp היא אפליקציית ניהול פרויקטים ושיתוף פעולה המיועדת לחברות בכל הגדלים. זה מגיע עם שלל תכונות שימושיות, כגון כלי תקשורת, הקצאות משימות וסרגלי כלים. פונקציה מסודרת נוספת היא סטטוסים, המכונה גם זרימות עבודה. ל