HTML5 החדש
חלק אלמנט יכול להיות קצת מבלבל. אם אתה בונה מסמכי HTML לפני HTML5, רוב הסיכויים שאתה כבר משתמש באלמנט כדי ליצור חלוקות מבניות בתוך הדפים שלך ואז לסדר את הדפים איתם. אז זה אולי נראה כמו דבר טבעי פשוט להחליף את הקיים
DIV אלמנטים
חלק אלמנטים. אבל זה לא נכון מבחינה טכנית. אז אם אתה לא רק להחליף
DIV אלמנטים
חלק אלמנטים, איך אתה משתמש בהם כראוי?
אלמנט הסעיף הוא אלמנט סמנטי
הדבר הראשון הוא להבין כי
חלק אלמנט הוא מרכיב סמנטי. פירוש הדבר שהוא מספק משמעות הן לסוכני המשתמש והן לבני האדם לגבי התוכן המסוגר - במיוחד קטע של המסמך.
זה אולי נראה כמו תיאור סמנטי כללי מאוד, וזה בגלל זה. ישנם אלמנטים אחרים HTML5 המספקים הבחנות סמנטי יותר לתוכן שלך כי אתה צריך להשתמש הראשון לפני שאתה משתמש
חלק באל you
-
מאמר
-
חוץ מזה
-
NAV
מתי להשתמש באלמנט SECTION
להשתמש ב
מאמר כאשר התוכן הוא חלק בלתי נפרד של האתר שיכול לעמוד לבד ולהיות מאוגדים כמו מאמר או לכתוב בלוג. להשתמש ב
חוץ מזה כאשר התוכן קשור באופן מהותי לתוכן הדף או לאתר עצמו, כגון סרגלי צד, הערות, הערות שוליים או מידע הקשור לאתר. להשתמש ב
NAV אלמנט לתוכן שהוא ניווט.
ה
חלק אלמנט הוא מרכיב סמנטי גנרי. אתה משתמש בו כאשר אף אחד ממרכיבי מכולה סמנטיים אחרים אינם מתאימים. אתה משתמש בו כדי לשלב חלקים של המסמך שלך ליחידות נפרדות, כי אתה יכול לתאר כקשורים בדרך כלשהי. אם אינך יכול לתאר את האלמנטים שבקטע במשפט אחד או שניים, סביר להניח שאתה לא צריך להשתמש באלמנט.
במקום זאת, אתה צריך להשתמש
DIV אלמנט. ה
DIV אלמנט HTML5 הוא אלמנט מכולה לא סמנטי. אם התוכן שאתה מנסה לשלב אינו בעל משמעות סמנטית, אך עדיין עליך לשלב אותו לסגנון, ולאחר מכן
DIV אלמנט הוא האלמנט המתאים לשימוש.
איך עובד האלמנט
חלק מהמסמך יכול להופיע כמכל החיצוני עבור מאמרים ו
חוץ מזה אלמנטים. זה יכול גם להכיל תוכן שאינו חלק
מאמר או
חוץ מזה. א
חלק אלמנט ניתן למצוא גם בתוך
מאמר,
NAV, או
חוץ מזה. תוכל אפילו לקנן קטעים כדי לציין שקבוצת תוכן אחת היא קטע מקבוצת תוכן אחרת שהיא קטע של מאמר או של הדף כולו.
ה
חלק אלמנט יוצר פריטים בתוך קווי מתאר של המסמך. וככזה, אתה צריך תמיד יש אלמנט הכותרת (
H1 דרך
H6) כחלק מהקטע. אם אתה לא יכול לבוא עם כותרת עבור הקטע, ואז שוב
DIV אלמנט הוא כנראה מתאים יותר. זכור, אם אינך מעוניין שכותרת הקטע תופיע בדף, תוכל תמיד להסוות אותה באמצעות CSS.
כאשר לא להשתמש באלמנט SECTION
מעבר לייעוץ לעיל כדי להשתמש באלמנטים סמנטיים ספציפיים יותר תחילה, יש אזור אחד ברור כי אתה לא צריך להשתמש
חלק אלמנט: עבור סגנון בלבד.
במילים אחרות, אם הסיבה היחידה שאתה מכניס אלמנט במקום זה היא לצרף מאפייני סגנון CSS, אתה לא צריך להשתמש
חלק אלמנט. מצא אלמנט סמנטי או להשתמש
בסופו של דבר זה לא משנה
קושי בכתיבת HTML סמנטי הוא שמה שסמנטי לי יכול להיות שטות גמורה. אם אתה מרגיש שאתה יכול להצדיק באמצעות
חלק רכיב במסמכים שלך, אז אתה צריך להשתמש בו. רוב סוכני המשתמש לא אכפת לי יציג את הדף כפי שאתה יכול לצפות אם אתה בסגנון
DIV או
חלק.
עבור מעצבים שאוהבים להיות סמנטית נכונה, באמצעות
חלק אלמנט בעל משמעות סמנטית הוא חשוב. עבור מעצבים שרק רוצים שהדפים שלהם יעבדו, זה לא חשוב. אנו מאמינים כי כתיבת HTML תקף מבחינה סמנטית היא תרגול טוב ושומר על הדפים עתידיים יותר. אבל בסוף זה תלוי בך.
