תגית
<div> היא אחת התגיות הבסיסיות והחשובות ביותר ב-HTML. היא לא מוסיפה שום משמעות סמנטית או עיצובית לתוכן, אך משמשת כאמצעי לקיבוץ וארגון של תוכן בקטעים נפרדים. זה מאפשר לך להחיל עיצובים, לבצע מניפולציות על התוכן בעזרת JavaScript, ולארגן את מבנה הדף בצורה נוחה ומסודרת.
התגית
<div> משמשת לעתים קרובות יחד עם CSS כדי להחיל עיצובים שונים על חלקים שונים של דף ה-HTML. ניתן להוסיף לתגית
<div> מזהי (IDs) ומחלקות (classes) כדי להחיל עליהם סגנונות CSS ספציפיים או לבצע עליהם פעולות באמצעות JavaScript.
הנה דוגמה לשימוש בתגית
<div> יחד עם CSS:
<html>
<head>
<title>דוגמה</title>
<style>
.container {
width: 80%;
margin: 0 auto;
}
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<div class="container">
<div class="highlight">
<h2>כותרת</h2>
<p>תוכן בתוך קטע עם צבע רקע צהוב.</p>
</div>
</div>
</body>
</html>
בדוגמה זו, התגית
<div> עם מחלקת "container" משמשת כקונטיינר לארגון התוכן, בעוד שהתנאים הנוספים (כגון "highlight") מספקים עיצוב נוסף לאזור מסוים בדף.
שימוש נכון בתגית
<div> מסייע ביצירת דפי HTML ברורים ומאורגנים יותר, במיוחד כאשר משולבים עם CSS ו-JavaScript לשם עיצוב והוספת אינטראקטיביות. התגית
<div> גמישה מאוד ונעשית בה שימוש רב בפרויקטים שונים, מה שהופך אותה לכלי חיוני בפיתוח אתרי אינטרנט.
