עיקרי דפדפנים הפיכת 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 עדיין יהיה הדרגתי, וחלקם לא יראו ולא יהיה צורך להשתמש באף אחת מהפונקציות החדשות שהוא מספק, אך כאשר הם עושים זאת, הם יכולים להיות בטוחים (יחסית) בידיעה שדפדפנים ישנים יותר יהפכו את האתרים שלהם בסדר גמור.

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

בחירת העורך

מהו סיפור Snapchat?
מהו סיפור Snapchat?
סיפור Snapchat הוא תמונה או סרטון שאתה מפרסם למדור הסיפורים (או העדכון) שלך בחשבונך, אשר גלויים לך ולכל החברים שלך.
כיצד להכניס סימן מים למסמך וורד
כיצד להכניס סימן מים למסמך וורד
אתה יכול להשתמש בתכונת סימן המים של Microsoft Word כדי לסמן את המסמך שלך (סודי, טיוטה, 'אל תעתיק' וכו') או להוסיף לוגו שקוף (כגון זה של העסק או הסימן המסחרי שלך). Microsoft Word מאפשר לך להוסיף סימני מים ב-a
כיצד להפוך מקלדת לגדולה יותר באנדרואיד
כיצד להפוך מקלדת לגדולה יותר באנדרואיד
רוצה להגדיל את המקלדת באנדרואיד? יש לך אפשרויות, אבל ייתכן שתצטרך אפליקציה של צד שלישי שתתאים לצרכים שלך.
ירח דם כחול סופר: כיצד לצפות ולזרום את הירח הכחול של חודש ינואר וליקוי הירח בבריטניה
ירח דם כחול סופר: כיצד לצפות ולזרום את הירח הכחול של חודש ינואר וליקוי הירח בבריטניה
צופי כוכבים התקלקלו ​​בשבועות האחרונים. בתחילת דצמבר, רבים טופלו בסופר-מון מדהים - הסופר-מון היחיד לשנת 2017 - ובין לילה נתייחס למה שמכונה
כיצד לראות מי אהב הודעה ב-Viber
כיצד לראות מי אהב הודעה ב-Viber
אם אתה משתמש ב-Viber באופן קבוע, אולי תרצה לבדוק אם מישהו עשה לייק להודעה. אולי כתבת משהו כדי להצחיק חבר, או סתם רוצה לבדוק מי מאנשי הקשר שלך עוסק בהודעות שלך
כיצד לבטל חשבון אינסטגרם
כיצד לבטל חשבון אינסטגרם
מוכנים לקחת הפסקה מאינסטגרם? הנה איך להשבית את חשבונך באופן זמני, מה שהופך אותו לבלתי נראה מבלי למחוק את כל התמונות שלך.
כיצד לפתוח את מקלדת האימוג'י ב-Mac
כיצד לפתוח את מקלדת האימוג'י ב-Mac
בין אם אתה רוצה להראות סמיילי מגניב, עוגת יום הולדת או פעילות מהנה, אתה יכול לפתוח ולהשתמש במקלדת האימוג'י וב-Character Viewer ב-Mac בקלות.