המבנה הכללי של קטע HTML
קטע HTML תיקני, המשמש להצגת דף אינטרנטי, בנוי במבנה להלן:
<!DOCTYPE html>
<html>
<head>
HEAD TAGS HERE
</head>
<body>
BODY TAGS HERE
</body>
</html>הקטע פותח בשורת הכרזה על גירסת ה-HTML, ולאחריה תגית html ראשית שלמעשה עוטפת את כל ה-HTML כולו. תגית ה-html נחלקת ל-2 חלקים: קטע head וקטע body.
הכרזה על גירסת ה-HTML
השורה הראשונה שבקטע, למעשה מכריזה כי זהו קטע HTML בגירסת HTML5. בגירסאות HTML אחרות (נניח HTML 4 או XHTML 1.1) ההכרזה היא מעט שונה וברוב המקרים ארוכה יותר.
ההכרזה על גירסת ה-HTML5 משפיעה על האופן שבו הדפדפן יתייחס לתגיות בהמשך הקטע:
- גירסאות HTML שונות מאפשרות הצגה של תגיות שונות עם מאפיינים שונים לתגיות - תגיות שמותרות בגירסת HTML4 לא תמיד קיימות בגירסת HTML5 ולהיפך
- קיים שוני במשמעות התגיות בין גירסאות ה-HTML השונות - תגיות שקיימות גם ב-HTML4 וגם ב-HTML5 מתפרשות לעיתים מעט אחרת
קטע ה-head ב-HTML
בתוך התגית html הראשית, אשר מופיעה מיד לאחר שורת ההכרזה על הגירסה, מתחיל קטע ה-head המאגד בתוכו תגיות שונות.
התגיות בקטע ה-head הינן תגיות אינפורמטיביות, המספקות מידע על אופן הצגת הנתונים, מבצעות טעינה של קבצים נוספים (כגון קבצי js או css, שעליהם נדון בהמשך), מספקות הנחיות שונות לדפדפן ומספקות מטא-דאטה (meta-data) למנועי החיפוש.
תגיות אילו אינן פונקציונליות, כלומר, אינן מבצעות בצורה אקטיבית משהו.
בפרק הבא נרחיב על קטע ה-head ונדגים תגיות שונות שיכולות להופיע בקטע זה.
קטע ה-body ב-HTML
בתוך התגית html הראשית, מיד לאחר קטע ה-head, מופיע קטע ה-body.
קטע ה-body מאגד בתוכו תגיות פונקציונליות, כלומר, כאלו תגיות שמציגות ומנהלות את המידע בדפדפן.
בקטע ה-body נוכל למצוא למשל תגיות של כותרות, פיסקאות טקסט, שילוב תמונות וסרטונים, יצירת טבלאות, יצירת טפסים ועוד.
