🎓 רוצה להעמיק? בקר באתר המרכזי LearningHub | 🚀 חדש כאן? הרשם חינם

מבנה הליבה של הרשת

המדריך למתחילים ל HTML + CSS +JS לייצרת דפי אינטרנט

האזן להסבר

מתחילים מהיסודות: HTML5

ברוכים הבאים לפרק הראשון במסע שלכם כבוני אתרים. היום נלמד איך להפוך רעיון למבנה קוד ממשי.

התגית הראשית שעוטפת את כל תוכן ה-HTML הנראה לעין.

אלמנט המגדיר כותרת ברמה הגבוהה ביותר, לרוב נושא העמוד.

HTML

שפה המשמשת ליצירת המבנה והתוכן של דפי אינטרנט.

Semantic Tags

תגיות המעניקות משמעות לתוכן שלהן (כמו

או

מקרה בוחן: המהפכה הסמנטית של WebFlow Solutions

חברת הסטארטאפ 'WebFlow Solutions' השיקה אתר שיווקי חדש. בתחילה, המפתחים השתמשו אך ורק בתגיות
לכל חלקי האתר. התוצאה הייתה דף שנראה מצוין ויזואלית, אך נכשל לחלוטין במבחני נגישות (Accessibility) ודורג נמוך מאוד במנועי החיפוש (SEO). לאחר ניתוח מעמיק, הצוות החליט לשכתב את הקוד ל-SEMANTIC HTML. הם החליפו את ה-
החיצוניים ב-
,
שאלה 1
מהו התפקיד העיקרי של HTML בתהליך בניית אתר?
שאלה 2
מה המשמעות של התגית הסמנטית
?

ניתוח היררכיית מסמך והפרדת רשויות

92
דירוג SEO (Semantic)
38
דירוג SEO (Non-Semantic)
85
מדד נגישות
1.2
זמן טעינה (שניות)

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

🏆

כל הכבוד!

סיימתם את פרק 1 בהצלחה.