מדריך HTML5 למתכנת המתחיל

מדריך לבניית אתר אינטרנט - הקדמה

HTML, או בשמה המלא HyperText Markup Language, הינה שפת תגיות המשמשת לתיאור ועיצוב דפי אינטרנט. בעוד PHP ו-ASP הן שפות תכנות בצד השרת, HTML הינו קוד בצד הלקוח. דפדפני האינטרנט משתמשים בקובצי HTML על מנת להציג לנו דפי אינטרנט. כאשר אנו מבקשים מן הדפדפן להציג עמוד כלשהו, הדפדפן שולח בקשה אל השרת, זה מייצר קובץ HTML בתגובה לבקשה זו ומחזיר אותו אל הדפדפן שמציג את העמוד המבוקש.

המדריך שהכנו עבורכם עוסק בגירסה נוקשה יותר של HTML5 אשר עומדת בכל ההגבלות של תקן XML. יש המכנים גירסה זו XHTML5. משמעות הנוקשות היא שכתיבת הקוד היא פחות חופשית ויש פחות מקום לדפדפן ל"פרשנות אישית" לקוד. אתרים הכתובים ב-XHTML5 נהנים מיתרונות של קוד קריא ונקי יותר, הם עולים מהר יותר בדפדפן ונסרקים ביעילות רבה יותר ע"י מנועי החיפוש.

מספר דוגמאות המבדילות בין HTML5 לגירסה הנוקשה יותר XHTML5:

1. ב-HTML ניתן לפתוח תגית ולא לסגור אותה, בעוד ב-XHTML5 כל תגית חייבת להסגר
2. ב-HTML ניתן לכתובת תגיות באותיות גדולות וקטנות, בעוד ב-XHTML5 כל תגית חייבת להכתב באותיות קטנות

תוכלו לקרוא ולהעמיק עוד על ההבדלים בין html לבין xhtml.

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

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