אם אתה כבר בעיצוב דפי אינטרנט במשך יותר מכמה חודשים, סביר להניח שאתה מודע לקושי בכתיבת דף זה נראה אותו בכל הדפדפנים. למעשה, זה בלתי אפשרי. דפדפנים רבים נכתבו עם תכונות מיוחדות שרק הם יכלו להתמודד. או שיש להם דרכים מיוחדות להתמודד עם דברים שונים מאופן דפדפנים אחרים לטפל בהם. לדוגמה:
- שכבות נוצרו לשימוש בדפדפני נטסקייפ. הם לא עובדים בכל דפדפן אחר, ולמעשה כבר הוצא משימוש ב- Netscape 6.x +.
- מסגרות מוטבעות נוצרו במקור עבור Internet Explorer בלבד, ומאז הפכו לחלק ממפרט ה- HTML.
- Internet Explorer 6.0 מוסיף רווח נוסף (כמו a), אלא אם כן אתה כותב את התוכן של ה- div על קו אחד (ארוך). (IE 6 יש quirks הרבה יותר, כמו גם את זה.)
- Netscpe 4.7 לא יציג טבלאות שאינן נכתבות ב- HTML נכון - הוא מציג דף ריק במקום זאת. זה היה קבוע ב- Netscape 6.
הבעיה עבור מפתחי הדפדפן היא שהם צריכים ליצור דפדפני אינטרנט כי הם תואמים לאחור עם דפי אינטרנט בנוי עבור דפדפנים ישנים יותר. כדי להתמודד עם בעיה זו, יצרני הדפדפן יצרו מצבים עבור הדפדפנים לפעול. מצבים אלה מוגדרים על ידי נוכחות או היעדר של רכיב DOCTYPE ומה זה DOCTYPE שיחות.
DOCTYPE
אני נכנס לפרטים נוספים במאמר שלי DOCTYPEרשימה, אבל הנה כמה כללי אצבע:
- בחר תמיד מצב סטנדרטים תחילה. והסטנדרט הנוכחי שעליך להשתמש בו הוא HTML5: אלא אם כן יש לך סיבה ספציפית להימנע משימוש ב- HTML5
DOCTYPE, זה מה שאתה צריך להשתמש. - עבור HTML קפדנית 4.01 אם אתה צריך לאמת אלמנטים מדור קודם או רוצה למנוע תכונות חדשות מסיבה כלשהי:
- אם יש לך תמונות פרוסות בטבלה ולא רוצה לתקן אותם, עבור אל מעבר HTML 4.01:
- אל תכתוב דפים בכוונה במצב quirks. השתמש תמיד ב
DOCTYPE. זה יחסוך לך על זמן הפיתוח בעתיד, ובאמת אין תועלת. IE6 הוא במהירות לאבד את הפופולריות ועל ידי עיצוב עבור דפדפן זה (שהוא בעצם מה עיצוב במצב quirks) אתה מגביל את עצמך, הקוראים שלך, ואת הדפים שלך. אם אתה חייב לכתוב עבור IE 6 או 7, ולאחר מכן להשתמש הערות מותנה לתמוך בהם, ולא לאלץ דפדפנים מודרניים למצב quirks.
למה להשתמש DOCTYPE
ברגע שאתה מודע לסוג זה של DOCTYPE מיתוג קורה, אתה יכול להשפיע על דפי האינטרנט שלך באופן ישיר יותר באמצעות DOCTYPE המציין מה הדפדפן יכול לצפות מהדף שלך. כמו כן, ברגע שתתחיל להשתמש DOCTYPE, אתה תכתוב HTML כי הוא קרוב יותר להיות תקף (אתה עדיין צריך לאמת את זה). ובכתיבת XHTML חוקי, אתה מעודד את יצרני הדפדפנים לבנות דפדפנים תואמים לתקנים.
גרסאות דפדפן ומצבים מוזרים
DOCTYPE | אנדרואידChromeאתרIE 8+iOSאופרה 7.5+ספארי | IE 6IE 7אופרה 7 | נטסקייפ 6 |
|---|---|---|---|
| אף אחד | מצב מוזרות | מצב מוזרות | מצב מוזרות |
| HTML 3.2 | |||
| מצב מוזרות | מצב מוזרות | מצב מוזרות | |
| HTML 4.01 | |||
| מעבר | מצב סטנדרטים * | מצב סטנדרטים * | מצב סטנדרטים |
| מעבר | מצב מוזרות | מצב מוזרות | מצב מוזרות |
| קפדנית | מצב סטנדרטים | מצב סטנדרטים * | מצב סטנדרטים |
| קפדנית | מצב סטנדרטים | מצב סטנדרטים * | מצב סטנדרטים |
| HTML5 | |||
| מצב סטנדרטים | מצב סטנדרטים * | מצב מוזרות | |
| * עם DOCTYPE זה, הדפדפנים קרובים לסטנדרטים תואמים, אבל יש כמה בעיות - הקפד לבדוק. זה ידוע גם בשם "מצב כמעט סטנדרטים." |
