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

חדשים ב-HTML?

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

לומדים HTML!

אם אתם רוצים לקבל מידע נוסף על HTML, הקורסים האחרים האלה ילמדו אתכם על נושאים מתקדמים יותר שבהם תוכלו להשתמש כדי לשפר את אפליקציות האינטרנט שלכם.

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

Baseline מאותת למפתחי אינטרנט מתי אפשר להשתמש בבטחה בתכונות של פלטפורמת האינטרנט בכל מנועי הדפדפנים העיקריים. הנה כמה תכונות HTML שזמינות עכשיו Baseline Newly.
Declarative Shadow DOM הפך ל-Baseline. התכונה הזו תהיה זמינה בשנת 2024.
ממשק ה-API של חלונות קופצים הפך ל-Baseline (בסיס להשוואה) והוא יהיה זמין ב-2024.
המאפיין inert הפך ל'בסיס להשוואה'. הוא יהיה זמין ב-2023.
טעינת פריימים מוטמעים (iframes) באיטרציה ראשונית הפכה לסטנדרט. התכונה הזו תהיה זמינה בשנת 2023.

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

משתמשים ב-HTML סמנטי לניצחון קל במקלדת

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

אופן השימוש ב-HTML יכול להשפיע על הביצועים של אפליקציות האינטרנט. בקטע הזה תמצאו מאמרים ומקורות מידע שיעזרו לכם ללמוד איך להשתמש ב-HTML כדי להאיץ את אפליקציות האינטרנט שלכם.
סורק הטעינה מראש של הדפדפן הוא מנתח HTML מיוחד שהדפדפן משתמש בו כדי לגלות משאבים מוקדם יותר מאשר היה קורה אחרת. אפשר לקרוא איך הוא תורם לביצועים של אפליקציות אינטרנט ואיך אפשר להתאמץ יותר מדי.
מידע נוסף
ב-Fetch Priority API נעשה שימוש במאפיין ה-HTML fetchpriority כדי לציין את העדיפות היחסית של המשאבים לדפדפן. היא יכולה לאפשר טעינה אופטימלית ולשפר את מדדי הליבה לבדיקת חוויית המשתמש באתר.
מידע נוסף
טעינה מראש של משאב בשיטה שמשתמשת ברכיב ה-HTML link כדי להנחות את הדפדפן לאחזר משאב לפני שהוא נחוץ. במדריך הזה מוסבר איך להשתמש בהם כדי לשפר את הביצועים של אפליקציות האינטרנט.
מידע נוסף
טעינה מדורגת של תמונות היא טכניקה יעילה לחיסכון ברוחב הפס במהלך טעינת הדף הראשונית. במדריך הזה תלמדו איך להשתמש ב-HTML loading כדי לטעון תמונות באיטרציה.
מידע נוסף

ניפוי באגים ב-HTML וב-DOM באמצעות כלי פיתוח ל-Chrome

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

תחילת העבודה בהצגה ושינוי של ה-DOM

כלי הפיתוח כוללים את החלונית Elements (רכיבים), שמאפשרת להציג, לערוך ולפתור באגים ב-DOM של אפליקציית האינטרנט. המדריך הזה יעזור לכם להתחיל להשתמש בחלונית הרכיבים.
מידע נוסף

האזנה לשינויים ב-DOM

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

איתור קוד לא בשימוש שנטען על ידי ה-HTML של אפליקציית האינטרנט

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