ה- HTML5 החדש סָעִיף אלמנט יכול להיות מבלבל במקצת. אם בנית מסמכי HTML לפני HTML5, רוב הסיכויים שאתה כבר משתמש באלמנט ליצירת חלוקות מבניות בתוך הדפים שלך ואז סגנון הדפים באמצעותם. אז זה אולי נראה כמו דבר טבעי פשוט להחליף את הקיים שלך DIV אלמנטים עם סָעִיף אלמנטים. אבל זה לא נכון מבחינה טכנית.
אלמנט 'החלק' הוא אלמנט סמנטי
ה סָעִיף אלמנט הוא a סֵמַנטִי אֵלֵמֶנט; זה נותן משמעות הן לסוכני המשתמשים והן לבני האדם לגבי מהו התוכן הסגור - במיוחד קטע במסמך.
זה אולי נראה כמו תיאור כללי מאוד, וזה בגלל שזה. יש אחרים אלמנטים HTML5 המספקים הבחנות סמנטיות יותר לתוכן שלך, שעליך להשתמש בהן לפני שתשתמש ב- סָעִיף אֵלֵמֶנט:
- מאמר
- בַּצַד
- Nav
מתי להשתמש באלמנט 'החלק'
להשתמש ב מאמר אלמנט כאשר התוכן הוא חלק עצמאי מהאתר שיכול לעמוד לבדו ולהיות מסונכרן כמו מאמר או פוסט בבלוג. להשתמש ב בַּצַד אלמנט כאשר התוכן קשור באופן משיק לתוכן הדף או לאתר עצמו, כגון סרגל צדדי, הערות, הערות שוליים או מידע משויך לאתר. להשתמש ב nav אלמנט לתוכן התומך בניווט באתר.
ה סָעִיף אלמנט הוא אלמנט סמנטי כללי. השתמש בו כאשר אף אחד מאלמנטים המיכלים הסמנטיים האחרים אינו מתאים. הוא משלב חלקים מהמסמך שלך ליחידות דיסקרטיות שתוכל לתאר כקשורים בדרך כלשהי. אם אינך יכול לתאר את האלמנטים בסעיף במשפט אחד או שניים, כנראה שלא כדאי לך להשתמש באלמנט.
במקום זאת, עליך להשתמש ב- DIV אֵלֵמֶנט. ה DIV אלמנט ב- HTML5 הוא אלמנט מיכל שאינו סמנטי. אם לתוכן שאתה מנסה לשלב אין משמעות סמנטית, אך אתה עדיין צריך לשלב אותו לצורך עיצוב, אז DIV אלמנט הוא האלמנט המתאים לשימוש.
כיצד עובד אלמנט ה'קטע '
חלק מהמסמך שלך יכול להופיע כמיכל החיצוני של מאמרים ו- בַּצַד אלמנטים. הוא יכול להכיל גם תוכן שאינו חלק מ- מאמר אוֹ בַּצַד. א סָעִיף ניתן למצוא אלמנט גם בתוך מאמר, nav, או בַּצַד. אתה יכול אפילו לקנן קטעים כדי לציין שקבוצת תוכן אחת היא קטע מקבוצת תוכן אחרת שהיא קטע במאמר או הדף בכללותו.
ה סָעִיף אלמנט יוצר פריטים בתוך מתאר של המסמך. וככזה, תמיד צריך שיהיה לך אלמנט כותרת (H1 דרך H6) כחלק מהקטע. אם אינך מצליח להעלות כותרת לקטע, ה- DIV אלמנט כנראה מתאים יותר.
אם אינך רוצה שכותרת המדור תופיע בעמוד, תוכל תמיד להסוות אותה באמצעות CSS.
מתי לא להשתמש באלמנט 'החלק'
יש מטרה אחת שלשמה אתה לא צריך להשתמש סָעִיף אלמנט: לסגנון בלבד.
במילים אחרות, אם הסיבה היחידה שאתה מציב אלמנט במקום זה היא לצרף סגנון CSS לא צריך להשתמש ב- סָעִיף אֵלֵמֶנט. מצא אלמנט סמנטי או השתמש ב- DIV אלמנט במקום.
בסופו של דבר זה אולי לא משנה
קושי בכתיבת HTML סמנטי הוא שמה שסמנטי לדפדפן עשוי להיות שטות מוחלטת עבורך. אם אתה מרגיש שאתה יכול להצדיק שימוש ב- סָעִיף אלמנט במסמכים שלך, אז עליך להשתמש בו. לרוב סוכני המשתמשים לא אכפת ויציגו את הדף כפי שניתן היה לצפות אם אתה מעצב a DIV או א סָעִיף.
עבור מעצבים שאוהבים להיות נכונים סמנטית, באמצעות סָעִיף אלמנט באופן תקף מבחינה סמנטית חשוב. עבור מעצבים שרק רוצים שהדפים שלהם יעבדו, זה לא כל כך חשוב. כתיבת HTML בתוקף סמנטי היא פרקטיקה טובה ושומרת על הדפים מוגנים יותר לעתיד. אבל בסופו של דבר זה תלוי בך.