এইচটিএমএল <span> ট্যাগ
<span> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<span> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
একটি ডকুমেন্টের ইনলাইন এলিমেন্টগুলোকে গ্রুপ করা এবং এদের উপর স্টাইল প্রয়োগ করার জন্য <span> এলিমেন্ট ব্যবহার করা হয়।
<span> এলিমেন্ট এবং <div> এলিমেন্টের মধ্যে একটি পার্থক্য রয়েছে। <span> এলিমেন্ট ইনলাইন এলিমেন্টের ক্ষেত্রে ব্যবহার করা হয় এবং <div> এলিমেন্ট ব্লক-লেভেল এলিমেন্টের ক্ষেত্রে ব্যবহার করা হয়।
নিচের উদাহরণে <span> এলিমেন্ট ব্যবহার করে একটি নির্দিষ্ট টেক্সটকে কিভাবে স্টাইলে করা যায়, তা দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph. <span style="color:red;font-weight:bold">This is a red paragraph.</span>
This is a paragraph.</p>
<p>This is a paragraph. <span style="color:green;font-weight:bold">This is a green paragraph.</span>
This is a paragraph.</p>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
<span>এলিমেন্টের মধ্যে থাকা টেক্সটকে আপনি খুব সহজে সিএসএস দিয়ে স্টাইল করতে পারবেন এবং জাভাস্ক্রিপ্ট প্রয়োগ করতে পারবেন।
<span> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |