באזור הלמידה של HTML קיימים מודולים רבים שמלמדים HTML מהבסיס — ללא צורך בידע קודם.
- מבוא ל- HTML
- מודול זה מכין את הקרקע, ומרגיל אותך למושגים ותחביר חשובים, כמו מבט על החלת HTML על טקסט, כיצד ליצור היפר-קישורים, וכיצד להשתמש ב- HTML כדי לבנות עמוד אינטרנט.
- מולטימדיה והטמעה
- מודול זה חוקר כיצד להשתמש ב- HTML כך שיכלול מולטימדיה בעמודי האינטרנט, כולל הדרכים השונות להצגת תמונות, וכיצד להטמיע וידאו, שמע ואפילו אתרים אחרים.
- טבלאות HTML
- הצגת מידע טבלאי באינטרנט בצורה מובנת, קריאה ונגישה יכולה להיות אתגר רציני. מודול זה עובר על הבסיס של סימון טבלאות, בנוסף למאפיינים נוספים כמו כיתובים וסיכומים.
- טפסים ב- HTML
- טפסים הינם חלק חשוב מאוד ברשת — הם מספקים את מרבית הפונקציונליות הדרושה לעבודה אינטראקטיבית, למשל רישום וכניסה, שליחת משוב, קניית מוצרים ועוד. מודול זה עובר על הבסיס ליצירת חלקי צד-לקוח / משתמש-קצה של טפסים.
- שימוש ב- HTML לפתרון בעיות נפוצות
- מספק קישורים לאזורים בתוכן, המסבירים כיצד להשתמש ב- HTML כדי לפתור בעיות נפוצות בעת יצירת עמוד אינטרנט: עבודה עם כותרות, הוספת תמונות או וידאו, הדגשת תוכן, יצירת טופס בסיסי, וכו'.
נושאים מתקדמים
- תמונה תומכת CORS
- תכונת {{htmlattrxref("crossorigin", "img")}}, בשילוב עם {{glossary("CORS")}} header מתאים, מאפשר לאחזר תמונות המוגדרות עם אלמנט {{HTMLElement("img")}} ממקורות זרים ולשמש באלמנט {{HTMLElement("canvas")}} כאילו הן שייכות למקור הנוכחי.
- תכונות להגדרת CORS
- לאלמנטים מסוימים של HTML המספקים תמיכה ל- CORS, כמו {{HTMLElement("img")}} או {{HTMLElement("video")}}, יש תכונת
crossorigin (שדה crossOrigin), המאפשר להגדיר בקשות CORS למידע המאוחזר על-ידי האלמנט.
- ניהול פוקוס ב- HTML
- תכונת
activeElement ומתודת hasFocus() של ה- DOM עוזרות לעקוב ולנהל את האינטראקציות של המשתמשים עם האלמנטים בעמוד.
- שימוש במטמון (cache) של האפליקציה
- הטמנה (caching) של האפליקציה מאפשר לאפליקציות מבוססות רשת לרוץ באופן לא מקוון. ניתן להשתמש בממשק ה- Application Cache (או AppCache) כדי לציין משאבים שהדפדפן צריך להטמין כדי שיהיו זמינים למשתמש באופן לא מקוון. אפליקציות מוטמנות נטענות ועובדות בצורה נכונה, אפילו אם משתמשים לוחצים על רענון כשהם במצב לא מקוון.
- טעינה מראש של תוכן באמצעות rel="preload"
- ערך ה-
preload של תכונת {{htmlattrxref("rel", "link")}} באלמנט {{htmlelement("link")}} מאפשרת לכתוב בקשות אחזור הצהרתיות באלמנט {{htmlelement("head")}}, ובכך לציין משאבים שהעמוד יזדקק להם זמן קצר לאחר הטעינה, ואותם נרצה להתחיל לטעון מראש בשלב מוקדם של טעינת העמוד - זאת לפני שתהליך הרנדור העיקרי יתחיל לעבוד. דבר זה יבטיח שהם יהיו זמינים מוקדם יותר, ולא סביר שיתקעו את הרנדור הראשוני, ובכך ישפר את הביצועים. מאמר זה מספק מדריך בסיסי לאופן הפעולה של preload.
הפניות חיצוניות
- הפניות לגבי HTML
- HTML מורכב מאלמנטים, אותם ניתן לשנות באמצעות מספר תכונות (attributes). מסמכי HTML מחוברים אחד לשני על-ידי קישורים / לינקים.
- הפניות לגבי אלמנטים של HTML
- ניתן לעיין ברשימת ה{{glossary("Element", "אלמנטים")}} המלאה של {{glossary("HTML")}}.
- הפניות לגבי תכונות HTML
- לאלמנטים ב- HTML יש תכונות (attributes). אלו הן ערכים נוספים שמגדירים את האלמנטים או מכווננים את ההתנהגות שלהם במגוון דרכים.
- תכונות גלובליות
- ניתן לציין תכונות גלובליות בכל האלמנטים של HTML, אפילו כאלה שלא כלולים בסטנדרט. משמעות הדבר שכל אלמנט לא סטנדרטי עדיין חייב לתמוך בתכונות אלו, אפילו שאלמנטים אלה הופכים את המסמך לחסר תאימות ל- HTML5.
- אלמנטי שורה(Inline) ואלמנטי בלוק (Block-Level)
- אלמנטים של HTML הם בדרך-כלל שורה (inline) או בלוק (block-level). אלמנט שורה תופס רק המקום התחום בין התגיות המגדירות אותו. אלמנט בלוק תופס את כל המקום של ההורה שלו (container), ובכך יוצר "בלוק".
- סוגי קישורים
- ניתן להשתמש במגוון סוגי קישורים כדי לבסס ולהגדיר יחסים בין שני מסמכים. אלמנטים של ק סוגי הקישורים אותם ניתן לקבוע כוללים את {{HTMLElement("a")}}, {{HTMLElement("area")}} ו- {{HTMLElement("link")}}.
- תצורות מדיה הנתמכות על-ידי אלמנטי שמע ווידאו ב- HTML
- אלמנטי {{HTMLElement("audio")}} ו- {{HTMLElement("video")}} מאפשרים לך להפעיל מדיית שמע ווידאו. אלמנטים אלה מספקים חלופה ברמת דפדפן ליכולות דומות המצויות ב- Adobe Flash ותוספים אחרים.
- סוגי תוכן של HTML
- HTML מורכב ממספר סוגים של תוכן, וניתן להשתמש בכל אחד בהקשרים מסוימים וחסומים לשימוש באחרים. באופן דומה לכל אחד יש אוסף קטגוריות תוכן אחרות שהם יכולים להכיל ואלמנטים בהם ניתן להשתמש או לא. זהו מדריך לקטגוריות אלו.
- מצב Quirks ומצב Standards
- מידע הסטורי על מצב quirks ומצב standards.
נושאים קשורים
- הוספת צבע לאלמנטים של HTML ב- CSS
- מאמר זה סוקר את רוב הדרכים להוספת צבע לתוכן HTML על-ידי CSS. כמו כן הוא מפרט אילו חלקים ניתן לצבוע במסמך HTML, ובאילו מאפייני CSS להשתמש לשם כך. הוא כולל דוגמאות, קישורים לכלי בניית פלטה ועוד.
