HTML

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

HTML (שפת תגיות לתמליל-על / HyperText Markup Language) הינה אבן הבניין הבסיסית ביותר של האינטרנט. היא מגדירה את המשמעות והמבנה של תוכן האתר. מלבד HTML קיימות טכנולוגיות אחרות המשמשות לתאר את התצוגה / המראה (CSS) או את הפונקציונליות / ההתנהגות (JavaScript) של האתר.

HTML5_Logo_128.png

HyperText Markup Language‏ (HTML) הינה שפה המשמשת ליצירת דפי אינטרנט ומסמכים אחרים הניתנים לצפייה בדפדפן אינטרנט.
HTML הוא תקן בינלאומי המוגדר על ידי ה־World Wide Web Consortium. הגרסה הנוכחית של התקן היא גרסה 5 שהושקה בחודש אוקטובר 2014.

ניתן להעשיר את דפי ה-HTML באמצעות גיליונות סגנון מדורגים (CSS) איתם ניתן לעצב את דפי האינטרנט והמסמכים שנבנו.
בנוסף, ניתן להטמיע תסריטים בדף באמצעות שפת ג'אווה סקריפט (JavasScript) הנחשבת לשפת תכנות דינמית מונחית־עצמים.

  • מבוא ל- HTML

    אם פיתוח אתרים חדש לך, חשוב לקרוא את HTML למתחילים כדי ללמוד מהי HTML וכיצד להשתמש בה.

  • הדרכות HTML

    מאמרים לגבי אופן השימוש ב- HTML, בנוסף להדרכות ודוגמאות מלאות, אפשר למצוא באזור הלמידה של HTML.

  • מקורות HTML

    באזור המקורות HTML הנרחב ניתן למצוא פרטים לגבי כל אלמנט ותכונה ב- HTML.

הדרכות למתחילים

באזור הלמידה של HTML קיימים מודולים רבים שמלמדים HTML מהבסיס — ללא צורך בידע קודם.

מבוא ל- HTML
מודול זה מכין את הקרקע, ומרגיל אותך למושגים ותחביר חשובים, כמו מבט על החלת HTML על טקסט, כיצד ליצור היפר-קישורים, וכיצד להשתמש ב- HTML כדי לבנות עמוד אינטרנט.
מולטימדיה והטמעה
מודול זה חוקר כיצד להשתמש ב- HTML כך שיכלול מולטימדיה בעמודי האינטרנט, כולל הדרכים השונות להצגת תמונות, וכיצד להטמיע וידאו, שמע ואפילו אתרים אחרים.
טבלאות HTML
הצגת מידע טבלאי באינטרנט בצורה מובנת, קריאה ונגישה יכולה להיות אתגר רציני. מודול זה עובר על הבסיס של סימון טבלאות, בנוסף למאפיינים נוספים כמו כיתובים וסיכומים.
טפסים ב- HTML
טפסים הינם חלק חשוב מאוד ברשת — הם מספקים את מרבית הפונקציונליות הדרושה לעבודה אינטראקטיבית, למשל רישום וכניסה, שליחת משוב, קניית מוצרים ועוד. מודול זה עובר על הבסיס ליצירת חלקי צד-לקוח / משתמש-קצה של טפסים.
שימוש ב- HTML לפתרון בעיות נפוצות
מספק קישורים לאזורים בתוכן, המסבירים כיצד להשתמש ב- HTML כדי לפתור בעיות נפוצות בעת יצירת עמוד אינטרנט: עבודה עם כותרות, הוספת תמונות או וידאו, הדגשת תוכן, יצירת טופס בסיסי, וכו'.

נושאים מתקדמים

תמונה תומכת CORS
תכונת crossorigin, בשילוב עם CORS header מתאים, מאפשר לאחזר תמונות המוגדרות עם אלמנט <img> ממקורות זרים ולשמש באלמנט <canvas> כאילו הן שייכות למקור הנוכחי.
תכונות להגדרת CORS
לאלמנטים מסוימים של HTML המספקים תמיכה ל- CORS, כמו <img> או <video>, יש תכונת crossorigin (שדה crossOrigin), המאפשר להגדיר בקשות CORS למידע המאוחזר על-ידי האלמנט.
ניהול פוקוס ב- HTML
תכונת activeElement ומתודת hasFocus() של ה- DOM עוזרות לעקוב ולנהל את האינטראקציות של המשתמשים עם האלמנטים בעמוד.
שימוש במטמון (cache) של האפליקציה
הטמנה (caching) של האפליקציה מאפשר לאפליקציות מבוססות רשת לרוץ באופן לא מקוון. ניתן להשתמש בממשק ה- Application Cache (או AppCache) כדי לציין משאבים שהדפדפן צריך להטמין כדי שיהיו זמינים למשתמש באופן לא מקוון. אפליקציות מוטמנות נטענות ועובדות בצורה נכונה, אפילו אם משתמשים לוחצים על רענון כשהם במצב לא מקוון.
טעינה מראש של תוכן באמצעות rel="preload"
ערך ה- preload של תכונת rel באלמנט <link> מאפשרת לכתוב בקשות אחזור הצהרתיות באלמנט <head>, ובכך לציין משאבים שהעמוד יזדקק להם זמן קצר לאחר הטעינה, ואותם נרצה להתחיל לטעון מראש בשלב מוקדם של טעינת העמוד - זאת לפני שתהליך הרנדור העיקרי יתחיל לעבוד. דבר זה יבטיח שהם יהיו זמינים מוקדם יותר, ולא סביר שיתקעו את הרנדור הראשוני, ובכך ישפר את הביצועים. מאמר זה מספק מדריך בסיסי לאופן הפעולה של preload.

הפניות חיצוניות

הפניות לגבי HTML
HTML מורכב מאלמנטים, אותם ניתן לשנות באמצעות מספר תכונות (attributes). מסמכי HTML מחוברים אחד לשני על-ידי קישורים / לינקים.
הפניות לגבי אלמנטים של HTML
ניתן לעיין ברשימת האלמנטים המלאה של HTML.
הפניות לגבי תכונות HTML
לאלמנטים ב- HTML יש תכונות (attributes). אלו הן ערכים נוספים שמגדירים את האלמנטים או מכווננים את ההתנהגות שלהם במגוון דרכים.
תכונות גלובליות
ניתן לציין תכונות גלובליות בכל האלמנטים של HTML, אפילו כאלה שלא כלולים בסטנדרט. משמעות הדבר שכל אלמנט לא סטנדרטי עדיין חייב לתמוך בתכונות אלו, אפילו שאלמנטים אלה הופכים את המסמך לחסר תאימות ל- HTML5.
אלמנטי שורה(Inline) ואלמנטי בלוק (Block-Level)
אלמנטים של HTML הם בדרך-כלל שורה (inline) או בלוק (block-level). אלמנט שורה תופס רק המקום התחום בין התגיות המגדירות אותו. אלמנט בלוק תופס את כל המקום של ההורה שלו (container), ובכך יוצר "בלוק".
סוגי קישורים
ניתן להשתמש במגוון סוגי קישורים כדי לבסס ולהגדיר יחסים בין שני מסמכים. אלמנטים של ק סוגי הקישורים אותם ניתן לקבוע כוללים את <a>, <area> ו- <link>.
תצורות מדיה הנתמכות על-ידי אלמנטי שמע ווידאו ב- HTML
אלמנטי <audio> ו- <video> מאפשרים לך להפעיל מדיית שמע ווידאו. אלמנטים אלה מספקים חלופה ברמת דפדפן ליכולות דומות המצויות ב- Adobe Flash ותוספים אחרים.
סוגי תוכן של HTML
HTML מורכב ממספר סוגים של תוכן, וניתן להשתמש בכל אחד בהקשרים מסוימים וחסומים לשימוש באחרים. באופן דומה לכל אחד יש אוסף קטגוריות תוכן אחרות שהם יכולים להכיל ואלמנטים בהם ניתן להשתמש או לא. זהו מדריך לקטגוריות אלו.
מצב Quirks ומצב Standards
מידע הסטורי על מצב quirks ומצב standards.

נושאים קשורים

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

כל הקישורים...