תגית
<span> משמשת למטרות עיצוביות והן לשינוי טיפוגרפי של חלק קטן מהתוכן שנמצא בתוך אלמנט אחר. בניגוד לתגית
<div>, שהיא אלמנט חסר משמעות סמנטית,
<span> מיועדת לשימוש במצבים שבהם יש צורך בעיצוב או שינויים טקסטואליים בלבד.
כיוון שתגית
<span> אינה משנה את מבנה הדף אלא רק מספקת נקודת ציון לשינויים עיצוביים או טיפוגרפיים, היא מאוד גמישה וניתנת לשימוש במגוון רחב של מצבים. היא בדרך כלל משולבת עם CSS כדי להחיל עיצובים שונים על קטעי טקסט בתוך אלמנטים כמו פסקאות או כותרות.
הנה דוגמה לשימוש בתגית
<span> יחד עם CSS:
<html>
<head>
<title>דוגמה</title>
<style>
.highlight {
background-color: yellow;
font-weight: bold;
}
</style>
</head>
<body>
<p>טקסט עם <span class="highlight">קטע מודגש</span> בדף.</p>
</body>
</html>
בדוגמה זו, התגית
<span> עם מחלקת "highlight" משמשת להדגשת טקסט ברקע צהוב ובפונט מודגש.
התגית
<span> שימושית כאשר יש צורך בשינויים נקודתיים ולא גולשים על פני חלקים רחבים של הדף. זה מאפשר לך לשלוט בעיצוב בצורה מדויקת יותר ולבצע שינויים בעזרת CSS ו-JavaScript במיקומים ספציפיים בתוכן.
