Div এবং স্প্যানের মধ্যে পার্থক্য

2024 লেখক: Alex Aldridge | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-17 13:33

মূল পার্থক্য – div বনাম স্প্যান

HTML হল ওয়েব পেজ ডেভেলপ করার জন্য বহুল ব্যবহৃত একটি ভাষা। এটি হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজকে বোঝায়। হাইপার শব্দটি ইন্টারনেটে অন্যান্য ওয়েব সংস্থানগুলির সাথে লিঙ্ক করাকে বোঝায়। মার্কআপ শব্দটি চিত্র এবং অন্যান্য মাল্টিমিডিয়া সংস্থানগুলির সাথে বিন্যাসিত পাঠ্য তৈরি করার ক্ষমতাকে বোঝায়। হাইপারলিঙ্ক হল HTML এর প্রধান উপাদান যা সমস্ত ওয়েব রিসোর্সকে একত্রে সংযুক্ত করে। HTML এর বেশ কয়েকটি সংস্করণ রয়েছে। সেগুলো হল HTML 2.0, 3.2, 4.01 এবং HTML5। মূলত, HTML হল ট্যাগ সহ একটি পাঠ্য নথি। এটি ওয়েব ব্রাউজারকে ওয়েব পৃষ্ঠাটি প্রদর্শনের জন্য গঠন করার উপায় বলে। এইচটিএমএল-এ ডিভ এবং স্প্যান দুটি ট্যাগ।প্রতিটি এইচটিএমএল এলিমেন্টের একটি ডিফল্ট ডিসপ্লে মান থাকে এলিমেন্টের ধরনের উপর নির্ভর করে। সুতরাং, তারা একটি ব্লক বা ইনলাইন উপাদান হতে পারে. এই নিবন্ধটি ডিভ এবং স্প্যানের মধ্যে পার্থক্য নিয়ে আলোচনা করে। div এবং স্প্যানের মধ্যে মূল পার্থক্য হল div হল একটি ব্লক স্তরের উপাদান যখন span হল একটি ইনলাইন উপাদান৷

div কি?

সমস্ত html নথি একটি নথির প্রকার ঘোষণা দিয়ে শুরু হয়। বর্তমানে HTML এর সবচেয়ে সাধারণ সংস্করণ হল HTML5। অতএব, টাইপ ঘোষণা হল. সমস্ত html ট্যাগ এবং ট্যাগের ভিতরে অন্তর্ভুক্ত করা উচিত। ওয়েব পৃষ্ঠার প্রয়োজনীয় বিবরণ ট্যাগের ভিতরে অন্তর্ভুক্ত করা হয়েছে। দৃশ্যমান ওয়েব পেজ ট্যাগের ভিতরে লেখা আছে। প্রতিটি উদ্দেশ্যে ট্যাগ আছে. The

ট্যাগ অনুচ্ছেদের জন্য ব্যবহৃত হয়। The

,

ইত্যাদি শিরোনাম জন্য ব্যবহৃত হয়. প্রারম্ভিক এবং শেষ ট্যাগের ভিতরের বিষয়বস্তু একটি উপাদান হিসাবে পরিচিত। যেমন

এটি একটি অনুচ্ছেদ

।

চিত্র 01: HTML5

এলিমেন্টের ধরনের উপর নির্ভর করে প্রতিটি HTML উপাদানের একটি ডিফল্ট ডিসপ্লে মান থাকে। ডিফল্ট প্রদর্শন মান ব্লক বা ইনলাইন হতে পারে. ব্লক স্তরের উপাদানগুলি সর্বদা একটি নতুন লাইন দিয়ে শুরু হয়। এই উপাদান সম্পূর্ণ উপলব্ধ প্রস্থ নিতে. ব্লক স্তরের উপাদানগুলির কিছু উদাহরণ হল, এবং

।

ডিভ ট্যাগটিও এইচটিএমএল-এর একটি ব্লক স্তরের উপাদান। সিনট্যাক্সটি নিম্নরূপ।

হ্যালো ওয়ার্ল্ড!

div উপাদানগুলি অন্যান্য উপাদানগুলির একটি ধারক। অতএব, উপাদানগুলির একটি সেট ডিভ উপাদানে প্যাক করা যেতে পারে। ক্যাসকেডিং স্টাইল শীট (সিএসএস) এর সাথে ব্যবহার করা হলে, ডিভ ট্যাগ সামগ্রীর একটি ব্লক স্টাইল করতে ব্যবহার করা যেতে পারে। কোডের নীচের অংশটি পড়ুন৷

ডিভ ট্যাগের ভিতরে দুটি অনুচ্ছেদ রয়েছে। ডিভ ট্যাগের ভিতরের সমস্ত সামগ্রীর পটভূমির রঙ কালো এবং ফন্টের রঙ সাদা।

স্প্যান কি?

ব্লক স্তরের উপাদানগুলির বিপরীতে, ইনলাইন উপাদানগুলি একটি নতুন লাইনে শুরু হয় না। এটি শুধুমাত্র প্রয়োজনীয় প্রস্থ লাগে। ইনলাইন উপাদানের কিছু উদাহরণ হল,, এবং

।

স্প্যান ট্যাগটিও HTML এর একটি ইনলাইন উপাদান। সিনট্যাক্সটি নিম্নরূপ।

হ্যালো ওয়ার্ল্ড!

চিত্র 02: div এবং স্প্যান ট্যাগ

স্প্যান ট্যাগটি কিছু পাঠ্যের জন্য একটি ধারক হিসাবে ব্যবহৃত হয়। এই ট্যাগটি CSS এর সাথেও ব্যবহার করা যেতে পারে। অতএব, পাঠ্যের একটি অংশ স্টাইল করা যেতে পারে। নীচের উদাহরণ পড়ুন. 'অনুচ্ছেদ1' স্প্যান ট্যাগের ভিতরে রয়েছে। CSS শৈলী বৈশিষ্ট্য ব্যবহার করে রঙ যোগ করা হয়েছে।

এটি অনুচ্ছেদ ১

div এবং span এর মধ্যে মিল কি?

• ডিভ এবং স্প্যান উভয়ই HTML এ গ্রুপিং ট্যাগ।
• ডিভ এবং স্প্যান উভয়েই প্রারম্ভিক ট্যাগ এবং শেষ ট্যাগ থাকে।
• div এবং span উভয়েরই স্টাইল বৈশিষ্ট্য থাকতে পারে।

div এবং স্প্যানের মধ্যে পার্থক্য কী?

div বনাম স্প্যান
div হল একটি HTML ট্যাগ যা একটি HTML নথিতে একটি বিভাগ বা একটি বিভাগকে সংজ্ঞায়িত করে।	স্প্যানটি একটি HTML ট্যাগ যা একটি HTML নথিতে ইনলাইন উপাদানগুলিকে গোষ্ঠীবদ্ধ করতে ব্যবহৃত হয়৷
ব্যবহার
div ট্যাগটি অন্যান্য উপাদানগুলির জন্য একটি ধারক হিসাবে ব্যবহৃত হয়৷	স্প্যান ট্যাগটি কিছু পাঠ্যের জন্য একটি ধারক হিসাবে ব্যবহৃত হয়৷
নতুন লাইন
div ট্যাগ একটি নতুন লাইন দিয়ে শুরু হয়।	স্প্যান ট্যাগটি একটি নতুন লাইন দিয়ে শুরু হয় না।
প্রয়োজনীয় প্রস্থ
div ট্যাগটি সমস্ত প্রস্থ গ্রহণ করবে।	স্প্যান ট্যাগ শুধুমাত্র প্রয়োজনীয় প্রস্থ গ্রহণ করবে।
সিনট্যাক্স

সারাংশ – div বনাম স্প্যান

HTML মানে হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি ওয়েবসাইট বিকাশ করতে ব্যবহৃত হয়। এই ভাষা ট্যাগ গঠিত. HTML-এ div এবং স্প্যান গ্রুপিং ট্যাগ। এগুলি একটি নথিতে একটি বিভাগ সংজ্ঞায়িত করতে ব্যবহৃত হয়। এই নিবন্ধটি div এবং স্প্যান ট্যাগের মধ্যে পার্থক্য ব্যাখ্যা করেছে। ডিভ এবং স্প্যানের মধ্যে পার্থক্য হল যে ডিভ একটি ব্লক লেভেল এলিমেন্ট যখন স্প্যান একটি ইনলাইন এলিমেন্ট।

div vs span এর PDF ডাউনলোড করুন

আপনি এই নিবন্ধটির পিডিএফ সংস্করণ ডাউনলোড করতে পারেন এবং উদ্ধৃতি নোট অনুসারে অফলাইন উদ্দেশ্যে এটি ব্যবহার করতে পারেন। অনুগ্রহ করে এখানে PDF সংস্করণ ডাউনলোড করুন: div এবং span এর মধ্যে পার্থক্য