שפת ה- HTML כוללת מספר אלמנטים. אלה כוללים נפוץ רכיבי אתרים כמו פסקאות, כותרות, קישורים ותמונות. ישנם גם מספר אלמנטים חדשים יותר שהוצגו עם HTML5, כולל הכותרת העליונה, הניווט, הכותרת התחתונה ועוד. כל רכיבי ה- HTML הללו משמשים ליצירת מבנה מסמך ולהענקת משמעות. כדי להוסיף עוד יותר משמעות לאלמנטים, אתה יכול לתת להם תכונות.
תג פתיחת HTML בסיסי מתחיל בתו <.>. לדוגמה, תג הפיסקה הפותח ייכתב כך:
כדי להוסיף תכונה שלך תג HTML, ראשית שמים רווח אחרי שם התג (במקרה זה זה ה- "p"). אז תוסיף את שם המאפיין שבו ברצונך להשתמש ואחריו סימן שווה. לבסוף, ערך התכונה ימוקם במרכאות. לדוגמה:
לתגיות יכולות להיות תכונות מרובות. היית מפריד בין כל מאפיין לאחרים עם רווח.
אלמנטים עם מאפיינים נדרשים
אלמנטים מסוימים של HTML למעשה דורשים תכונות אם אתה רוצה שהם יפעלו כמתוכנן. אלמנט התמונה ואלמנט הקישור הם שתי דוגמאות לכך.
ה אלמנט תמונה דורש את התכונה "src". תכונה זו מספרת לדפדפן באיזו תמונה ברצונך להשתמש במיקום זה. הערך של התכונה יהיה נתיב קובץ לתמונה. לדוגמה:
תוכלו לשים לב שהוספנו תכונה נוספת לאלמנט זה, מאפיין "alt" או טקסט חלופי. זה מבחינה טכנית לא מאפיין נדרש לתמונות, אך זה השיטה הטובה ביותר לכלול תמיד תוכן זה לנגישות. הטקסט המופיע בערך של תכונת alt הוא מה שיוצג אם
התמונה לא נטענת מסיבה כלשהי.אלמנט נוסף הדורש מאפיינים ספציפיים הוא תג העוגן או הקישור. אלמנט זה חייב לכלול את התכונה "href", המייצגת 'התייחסות להיפר-טקסט'. זו דרך מהודרת לומר "איפה הקישור הזה אמור לעבור. "בדיוק כמו שאלמנט התמונה צריך לדעת איזו תמונה לטעון, תג הקישור צריך לדעת איפה הוא צריך לרצות ל. כך נראה תג קישור:
קישור זה יביא עתה אדם לאתר שצוין בערך המאפיין. במקרה זה, זהו העמוד הראשי של דוטש.
תכונות כ- CSS Hooks
שימוש נוסף בתכונות הוא כאשר הם משמשים כ"קרסים "עבור סגנונות CSS. מכיוון שסטנדרטים ברשת קובעים שעליך לשמור על מבנה הדף שלך (HTML) נפרד מהסגנונות שלו (CSS), אתה משתמש ב- hooks של תכונות אלה ב- CSS כדי להכתיב כיצד הדף המובנה יופיע באינטרנט דפדפן. לדוגמה, אתה יכול לקבל את פיסת הסימון הזו במסמך ה- HTML שלך.
אם היית רוצה שלחלוקה הזו יהיה צבע רקע של שחור (# 000) וגודל גופן של 1.5em, היית מוסיף את זה ל- CSS שלך:
.מוצג {צבע רקע: # 000; גודל גופן: 1.5em;}
מאפיין הכיתה "מובלט" משמש כוו המשמש אותנו ב- CSS להחלת סגנונות על אותו אזור. נוכל להשתמש כאן בתכונת זיהוי אם נרצה. שני הכיתות ותעודות הזהות הן מאפיינים אוניברסליים, כלומר ניתן להוסיף אותם לכל אלמנט. ניתן למקד לשניהם גם סגנונות CSS ספציפיים כדי לקבוע את המראה החזותי של אותו אלמנט.
לגבי Javascript
לבסוף, שימוש במאפיינים על אלמנטים מסוימים של HTML הוא גם משהו שתוכלו להשתמש בו ב- Javascript. אם יש לך סקריפט המחפש אלמנט עם תכונת זיהוי ספציפית, זהו שימוש נוסף ביצירה נפוצה זו של שפת ה- HTML.