<span> উপাদান হল একটি জেনেরিক HTML উপাদান যা <div> এর অনুরূপ . আপনি যদি মনে করেন, divs হল একটি জেনেরিক ধারক যা প্রাথমিকভাবে একটি ওয়েবপৃষ্ঠার লেআউটের জন্য ব্যবহৃত হয় এবং তারা যতটা সম্ভব জায়গা নেয় কারণ সেগুলি হল একটি ব্লক উপাদান
স্প্যান হল একটি ইনলাইন উপাদান তারা শুধুমাত্র প্রয়োজন হিসাবে অনেক জায়গা নেয় এবং প্রাথমিকভাবে কিছু জোর করার জন্য ব্যবহৃত হয়।
এখানে প্রতিটির একটি ভিজ্যুয়াল উপস্থাপনা রয়েছে:
Divs vs Spans Divs
আমি একজন divআমি আমি যতটা জায়গা নিতে পারিস্প্যান
আমি একজন span আমি শুধু আমার যতটুকু জায়গা দরকার ঠিক ততটুকু জায়গা নেয়৷ আমি পাঠ্যের উপর অনেক জোর দিই৷স্প্যানগুলি ডিভের ভিতরে যেতে পারে...... অন্যান্য পাঠ্যের চেয়ে আলাদা স্টাইলিং আছে...
...এবং আপনি ডিসপ্লে:ইনলাইন-ব্লকCSS-এ রঙ এবং পটভূমির রঙ পরিবর্তন করতে আমরা স্প্যান এবং ডিভগুলিকে একত্রে গোষ্ঠীবদ্ধ করতে ক্লাস ব্যবহার করি। মনে রাখবেন স্প্যানের উচ্চতা বা প্রস্থ পরিবর্তন করা যাবে না যদি না আপনি
display: inline-blockযোগ করেন সম্পত্তি
যখন তারা একসাথে কাজ করে তখন এটি কেমন দেখায় তা এখানে:
Divs/Spans ডিভ এবং স্প্যান একসাথে ব্যবহার করা:
ডিভ 1:প্রধান সামগ্রিক ধারকস্প্যান এবং ডিভগুলি আপনার ওয়েবসাইটের মৌলিক বিল্ডিং ব্লকগুলি তৈরি করতে অন্যান্য HTML উপাদানগুলির সাথে একত্রে কাজ করে। জোর তৈরি করতে স্প্যানগুলি আপনার ডিভ থেকে আলাদাভাবে স্টাইল করা যেতে পারে।
