מהו Attribute?
ב-HTML, Attribute (או בעברית: אטריבוט) הוא מאפיין שמספק מידע נוסף על אלמנט. המאפיינים מגדירים תכונות או התנהגויות של האלמנטים ב-HTML ומשמשים כדי להתאים אותם לצרכים מסוימים.
דוגמה לשימוש ב-Attribute:
נניח שיש לנו תגית <img> שמציגה תמונה באתר שלנו. כדי להגדיר את כתובת התמונה ואת הטקסט האלטרנטיבי, נשתמש ב-Attributes.
<img src="image.jpg" alt="תיאור התמונה">במקרה זה:
srcהוא Attribute שמגדיר את הנתיב לתמונה.altהוא Attribute שמגדיר את הטקסט האלטרנטיבי שיופיע במקרה שהתמונה לא נטענת.
סוגי Attributes נפוצים:
id: מזהה ייחודי לאלמנט.class: מקצה אחת או יותר מחלקות CSS לאלמנט.style: מכיל עיצוב פנימי של האלמנט.href: מגדיר את כתובת ה-URL בקישור (<a>).title: מספק טקסט עזרה שיופיע כשמעבירים את העכבר מעל האלמנט.data-*: מאפשר הוספת נתונים מותאמים אישית לאלמנט.
כללי כתיבת Attributes:
- כל Attribute מכיל שם וערך, למשל:
name="value". - ערך האטריבוט נמצא בתוך גרשיים (" ").
- לאטריבוטים אין סדר קבוע, וניתן לשלב כמה מהם בתגית אחת.
חשיבות השימוש ב-Attributes:
השימוש ב-Attributes מאפשר שליטה מדויקת יותר בהתנהגות האלמנטים ובמראה שלהם, וכן משפר את חוויית המשתמש ואת הנגישות של האתר.