שיעור 14: תקני אינטרנט ובדיקת תאימות
בשיעור זה, אתה תרכוש מידע קצת יותר תיאורטי על HTML.
מה עוד יש לדעת על HTML?
HTML ניתן לקידוד בדרכים שונות ורבות ודפדפנים יכולים לקרא HTML בצורות רבות ככל שיהיו. אתה יכול להגיד של-HTML יש המון ניבים. זוהי הסיבה לכך שחלק מהאתרים נראים בצורה שונה בדפדפנים שונים.
היו נסיונות ליצור תקן משותף ל-HTML באמצעות ארגון (World Wide Web Consortium (W3C שנוסד על ידי טים ברנס-לי (כן! הבחור הענק שהמציא את ה-HTML). אבל זו היתה דרך ארוכה וקשה.
בימים ההם - כשדפדפן היה משהו שהייתה צריך לרכוש - נטסקייפ היה הדפדפן המוביל ותקן HTML עם התמיכה המרבית נקרא 2.0 ולאחר מכן 3.2. אבל עם נתח שוק של 90% נטסקייפ לא היתה צריכה ולא דאגה יתר על המידה לתקנים מקובלים. להיפך, נטסקייפ המציאה אלמנטים משלה, אלמנטים שלא תפקדו בדפדפנים אחרים.
במשך שנים רבות מיקרוסופט התעלמה כמעט לגמרי מהאינטרנט. לאחר זמן היא התחרתה בנטסקייפ והציגה דפדפן משלה. גרסת הדפדפן הראשונה של מיקרוסופט, Internet Explorer, לא היתה טובה יותר מזו של נטסקייפ בתמיכה בתקני HTML. אבל מיקרוסופט בחרה לתת את הדפדפן שלה בחינם (תמיד דבר פופולארי לעשות) ו-Internet Explorer הפך לדפדפן הנפוץ ביותר.
מגרסה 4 ו-5 מיקרוסופט שואפת לתמוך יותר ויותר בתקני HTML של W3C. נטסקייפ לא הצליחה לפתח גרסה חדשה של הדפדפן שלה והמשיכה להפיץ את גרסה 4 הישנה.
השאר הוא היסטוריה. היום תקני HTML נקראים 4.01 ו-XHTML. עכשיו ל-Internet Explorer יש נתח שוק של למעלה מ-90%. ול-Interner Explorer יש עדיין אלמנטים משונים משלו אבל הוא גם תומך בתקני W3C HTML וכך גם כל הדפדפנים האחרים כמו, Mozilla, Opera ו-Netscape.
כך, כאשר אתה מקודד HTML בהתאם לתקני W3C, אתה יוצר אתר אינטרנט שניתן לצפיה בכל הדפדפנים - עכשיו ובעתיד. ולמרבה המזל, מה שלמדתה במדריך זה היא גרסה קפדנית ונקיה יותר של HTML הנקראת XHTML.
איך אני אומר באיזו גרסה נעשה שימוש?
עם כל סוגי HTML השונים אתה צריך להגיד לדפדפן שלך באיזה "ניב" של HTML אתה משתמש. כדי לעשות זאת, אתה משתמש בהצהרת סוג מסמך. הצהרת סוג המסמך נכתבת תמיד בראש המסמך:
דוגמה 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Title</title>
</head>
<body>
<p>text text</p>
</body>
</html>
פרט להצהרת סוג המסמך (השורה הראשונה בדוגמה שלמעלה), אשר אומרת לדפדפן שאתה רוצה לכתוב ב-XHTML, אתה גם צריך להכניס מידע נוסף בתג html עם שני המאפיינים xmlns ו-lang.
xmlns הוא קיצור של "XML-Name-Space" וצריך תמיד לקבל את הערך http://www.w3.org/1999/xhtml. זה כל מה שאתה צריך לדעת. אבל אם אתה רעב לידע נוסף אתה יכול לקרא על כך באתר W3C's.
במאפיין lang אתה הצהרתה באיזה שפה המסמך נכתב. לכך משתמשים בתקן ISO 639, שמפרט את קודי כל השפות שבעולם. בדוגמה שלמעלה השפה נקבעת לאנגלית ("en").
עם DTD הדפדפן יודע בדיוק כיצד עליו לקרוא ולהציג את קוד ה-HTML שלך. לכן, השתמש בדוגמה שלמעלה כתבנית לכל מסמכי ה-HTML שלך.
ה-DTD חשוב גם לבדיקת תאימות הדף שלך לתקן.
בדיקת תאימות? למה וכיצד אני עושה את זה?
הכנסת DTD בדפים שלך מאפשרת לך לבדוק אי התאמה לתקן של הדפים שלך באמצעות בודק תאימות חינמי של W3C's.
כדי לבצע את הבדיקה, צור דף והעלה אותו לרשת. עכשיו עבור ל-validator.w3.org והקלד את כתובת הדף שלך (URL) ובדוק את תאימותו. אם קוד ה-HTML שלך כתוב נכון ותואם לתקן, אתה תקבל הודעת אישור. אחרת, תקבל דו"ח שגיאות עם פירוט מדוייק של כל מה ששגוי. בצע בכוונה מספר שגיאות כדי לראות מה קורה.
בודק התאימות שימושי לא רק לאיתור שגיאות. חלק מהדפדפנים מנסים לפצות על כישורים חסרים של בוני אתרים על ידי נסיון לתקן שגיאות בקוד ה-HTML ומציגים את הדף כפי שהם מנחשים שהוא אמור להיראות. דפדפנים כאלו לעולם לא יציגו לך שגיאות. עם זאת, דפדפנים אחרים עשויים לנחש אחרת או שלא יציגו את הדף בכלל. בודק התאימות יכול לעזור לך לאתר שגיאות שאפילו לא ידעת שהן קיימות.
תמיד בדוק את תאימות הדפים שלך כדי להיות בטוח שהם תמיד יוצגו בצורה נכונה.