השימוש בHTML5 בדפדפנים הלא מודרניים

[IgalSt]

נכתב במקור על ידי OldMega

HTML5 לא תומך בגרסאות הישנות של הדפדנים.

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

נכון יהיה לומר שדפדפנים ישנים (כאלה שנוצרו לפני שהתקן או יותר נכון הטיוטה שלו נכתב/ה) לא תומכים בתכונות החדשות שמציע HTML5:
החל מתגיות סמנטיות חדשות כגון header, footer, section, article וכו', המשך בצורות החדשות להגדרת encoding, קטעי סקריפט ו-CSS וסיים ב-html5 js api (כלומר web storage, geo-location, video, audio, canvas וכו').

אנו בתור מפתח צד קדמי, front end developers, ה-FED-ים, בוני האתרים, מפתחי web (תקראו לעצמם איך שתרצו) אחראים לא לשבור את האינטרנט.
כשאני נעבוד על אתר היום, יהיה נכון לפתח ב-doctype של html5 וכן להשתמש בכלים שהזכרתי לעיל.
עם זאת, חשוב יהיה לוודא שדפדפנים ישנים יותר יודעים להתמודד עם התוכן ולהציג אותו ברמת התמיכה שנגדיר לעצמו.
כלומר, "נלמד" את הדפדפנים הישנים את התגיות הסמנטיות החדשות ונגדיר להם כיצד להתייחס אליהם. עיקר הבעיה היא שדפדפנים בברירת המחדל שלהם מתייחסים לתגיות שהם לא מכירים כאל inline elements, בעוד שהרבה מהתגיות הסמנטיות החדשות הן block elements.
נוכל לעשות זאת באמצעות modernizr (או פרויקטים דומים נוספים, או אפילו לבד בקלות).

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

כמו כן, בנושאים כמו geo-locatio, web storage וכו', נצטרך להתמודד בצורה אחרת. לדוגמה, אם הדפדפן של המשתמש לא תומך ב-webstorage, אנו נוכל אולי להשען על עוגיות או על השרת המרוחק לשמירת המידע שנצטרך. לכל פתרון יש את היתרונות והחסרונות שלו.

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