HTML - חלק ראשון - יצירת דפי HTML, בניית אתר בסיסי

3. תאימות בין דפדפנים

כאשר אנחנו כותבים דף, אנחנו כותבים אותו כדי שגם אנשים אחרים יוכלו לבוא ולראות אותו. כעת סיימנו לכתוב דף. האם הדף יראה זהה בכל הדפדפנים בעולם?

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

לדוגמא, אותו הדף שלמעלה בדפדפן Netscape 4:

הקו טיפה שונה, וגם הרווחים בין השורות.

אם נביט באותו דף ב-Firefox, הוא יראה שונה גם שם.

לפיכך כאשר אנחנו מכינים דף, עלינו לחשוב איך אנשים שונים רואים אותו – אנשים המשתמשים בדפדפנים שונים ואף במערכות הפעלה שונות.

יתרה מזאת, בדוגמא שהראנו ההבדלים במראה הדף בשני הדפדפנים היה קטן. אולם באתרים מורכבים יותר ההבדלים יכולים להיות גדולים.

הפתרון לבעיה מורכב משני נושאים:

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

בכל מקרה, כאשר נכתוב אתר נבדוק אותו במספר דפדפנים, על מנת להבטיח שהוא יראה טוב כאשר יבקרו בו.