در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<span> آشنا ميشويم. اين تگ براي تعريف بخشهاي کوچک و غيرمعنايي از متن استفاده ميشود و
معمولاً با CSS براي استايلدهي يا جاوااسکريپت براي تعاملات پويا ترکيب ميشود.
تگ span در HTML چيست؟
تگ <span> يک عنصر خطي (inline) است که هيچ معناي خاصي به متن نميدهد و صرفاً براي
گروهبندي متن يا اعمال استايل و اسکريپت استفاده ميشود.
برخلاف <div> که بلاک است، <span> در همان خط متن باقي ميماند.
مثال ساده از تگ span
<p>اين يک متن <span style="color: red;">قرمز</span> است.</p>
در اين مثال، تنها بخش داخل <span> رنگ قرمز پيدا کرده و بقيه متن بدون تغيير باقي ميماند.
ويژگيهاي مهم تگ span
| ويژگي | توضيح |
|---|---|
| id | شناسه يکتا براي CSS يا جاوااسکريپت |
| class | نام کلاس براي استايلدهي يا تعاملات گروهي |
| style | اعمال استايل مستقيم به متن |
مثال ترکيبي با CSS و کلاس
<style>
.highlight {
background-color: yellow;
font-weight: bold;
}
</style>
<p>اين متن <span class="highlight">برجسته</span> شده است.</p>
با استفاده از کلاس و CSS، ميتوان متن داخل <span> را برجسته، رنگي يا با استايل دلخواه
نمايش داد.
نکات مهم درباره span
- تگ
<span>معناي معنايي ندارد و صرفاً براي گروهبندي متن استفاده ميشود. - براي بلوکهاي بزرگ يا ساختاربندي محتوا از
<div>استفاده کنيد. - ترکيب با CSS و جاوااسکريپت باعث ايجاد جلوههاي بصري و تعاملي ميشود.
براي يادگيري کامل استايلدهي و تعاملات پويا با متنها در وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ source در HTML
آموزش بعدي: تگ strike در HTML
دیدگاه و پرسش