התגית <span> היא אלמנט ברמת inline (רמת התו). התגית נועדה לאפיין הגדרות עיצוב לטקסט בתוך פסקאות.
ע"פ תקן w3.org חייבים להציב את התגית <span> בתוך אלמנט ברמת הבלוק (<div>או <p>).
הערה: <span> יכול להיות בתוך <div> אך <div> לא יכול להיות בתוך <span>.
המאפיינים שתגית <span> יכולה לקבל הם:
1. dir אחראי על כיווניות התוכן, מקבל אחד משני ערכים: rtl (מימין לשמאל), או ltr (משמאל לימין).
2. lang מקבל ערך המגדיר לדפדפן באיזו שפה מדובר. he (במקרה של עברית), או en (במקרה של אנגלית).
3
. title מקבל ערך המוצג במעבר העכבר מעל התוכן.
4. class המאפיין הזה נועד לשימוש בדף הגדרות עיצוב חיצוני (CSS), לכן כרגע לא נרחיב עליו את הדיבור.
5. style גם הוא מאפיין שנועד לשימוש ב-css ולכן גם עליו לא נרחיב כעת.
6. id קובע את שם האובייקט..
עיון למשתמשים מתקדמים
ניתן לקבוע סוגים שונים של עיצובים לטקסט, מבלי להשתמש בתגים כלל. למשל בדוגמה הבאה:
הסתכלו בהגדרות שבתוך ה <style> ... </style> ותוכלו להבחין שאנו מכריזים על עיצוב שונה לכל סוג של span, כלומר - אנו מגדירים סוגים שונים של "שמות" חדשים, ולכל סוג כזה ניתן להצמיד עיצוב שונה משל עצמו.
ה"שמות" של האפקטים החדשים הם, לפי הסדר: SPAN.error SPAN.warning, .SPAN.info, כל "שם" כזה חייב להיות מהסוג *****.SPAN כאשר במקום הכוכביות עליכם לכתוב את הכינוי המסוים שתבחרו.
התוצאה תראה בדפדפן כך:
באופן זה, ניתן להכיל סגנון עיצוב מסוים על מספר אובייקטים, מבלי להגדיר מחדש בכל פעם את מאפייני העיצוב. כלומר, נוכל להכיל את הגדרות SPAN.info למשל, על מספר אובייקטים בלתי מוגבל, תוך קריאה ל-"class="info בתוך תגית ה- <span>.
רשומות
אין תגובות:
הוסף רשומת תגובה
שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.