উত্তর:
মূল পার্থক্যটি হ'ল <span>ট্যাগটি একটি ইনলাইন উপাদান, যেখানে <div>ট্যাগটি একটি ব্লক স্তর উপাদান।
দুটি ব্লক স্তর উপাদান (ডিভ) একে অপরের পরে উল্লম্বভাবে প্রদর্শিত হবে, যেখানে দুটি ইনলাইন উপাদান (স্প্যান) একে অপরের পরে অনুভূমিকভাবে প্রদর্শিত হবে।
ভিজ্যুয়াল পদগুলির পার্থক্য বোঝার জন্য, এটি <span>উপাদানটিকে একটি শব্দ হিসাবে এবং <div>উপাদানটিকে অনুচ্ছেদে হিসাবে ভাবতে সহায়তা করতে পারে : ডিভগুলি সাধারণত সামগ্রীর ব্লকগুলি রাখার জন্য ব্যবহৃত হয়। স্প্যানগুলি সাধারণত সেই সামগ্রীর মধ্যে শব্দের গোষ্ঠী হাইলাইট করার জন্য ব্যবহৃত হয়।
নিক এবং টবি উভয়ই আপনার প্রশ্নের উত্তর সুন্দরভাবে দিয়েছেন, তবে এটিকে আরও এক স্তর এগিয়ে নিয়ে যেতে।
ডিফল্টরূপে গুলি হ'ল <div>ব্লক উপাদান এবং <span>গুলি হ'ল ইনলাইন উপাদান। এগুলি জেনেরিক ট্যাগ যা সাধারণ ব্লক বা ইনলাইন পাত্রে সরবরাহ করে। অনুশীলনে, এগুলি সিএসএসের মাধ্যমে 'ব্লক', 'ইনলাইন' বা এমনকি 'ইনলাইন-ব্লক' (অন্যদের মধ্যে) -এর জন্য সিএসএস-বৈশিষ্ট্যটি ডিসপ্লে সেট করে কিছুটা বিনিময়যোগ্য হতে পারে।
যাইহোক, তাদের একে অপরের মতো কাজ করতে বাঁকানো বাঞ্ছনীয় নয়। এবং, এইচটিএমএলে এমন নিয়ম রয়েছে যা প্রকৃতপক্ষে অন্যান্য উপাদানের ভিতরে ব্লক-স্তরের উপাদানগুলি ব্যবহার করতে বাধা দেয় (বেশিরভাগ <a>ট্যাগের মতো ইনলাইন উপাদানগুলি ), সুতরাং, আপনার সঠিক ট্যাগটি ব্যবহার করার চেষ্টা করা উচিত যেখানে এটি উপযুক্ত এবং কেবল যখন তাদের আচরণকে ওভাররাইড করার চেষ্টা করবেন অত্যাবশ্যক.
সেগুলি শব্দার্থক উপাদান হিসাবে ভাবার চেষ্টা করুন। ব্যবহারের <span>যখন আপনি টেক্সট ব্লক ভিতরে ব্যবহৃত ট্যাগ সামগ্রীতে চান, উদাহরণস্বরূপ এবং ব্যবহারের জন্য <div>'s যখন আপনি পৃষ্ঠায় সরাসরি অতিরিক্ত গঠন যোগ করতে হবে।
এটি বলার পরে, এইচটিএমএল 5 এর অর্থগত উপাদানগুলির আধিক্য রয়েছে যা এই জেনেরিক ট্যাগগুলির ব্যবহারের প্রয়োজনটিকে উল্লেখযোগ্যভাবে হ্রাস করতে পারে। প্রচুর পরিমাণে ডিভ এবং স্প্যান যুক্ত করার জন্য শব্দার্থবিজ্ঞানযুক্ত ট্যাগগুলি ব্যবহারের সুপারিশ করা হয়।
শুভকামনা!
প্রধান পার্থক্য হ'ল divsব্লক উপাদানগুলি এবং spansইনলাইন উপাদান।
আপনার ইচ্ছা অনুযায়ী কাজ করতে সিএসএস ব্যবহার করে উভয়ই স্টাইল করা যেতে পারে তবে বাক্সের বাইরে আপনি সাধারণত spansছোট ইনলাইন বিভাগ এবং divsবৃহত্তর ব্লকের জন্য ব্যবহার করবেন ।
কিছু জিনিস ইনলাইন এবং ব্লক উপাদানগুলিকে আলাদা করতে প্রভাবিত করবে, উদাহরণস্বরূপ আপনি কোনও spanউপাদানকে উচ্চতা রাখতে পারবেন না ।