div
div শব্দটি মূলত ইংরেজি division-এর সংক্ষিপ্ত রূপ, যা ওয়েব ডিজাইনের ক্ষেত্রে একটি অত্যন্ত গুরুত্বপূর্ণ এবং বহুমুখী উপাদান। এটি কোনো নির্দিষ্ট অর্থ বহন করে না, বরং এটি একটি সাধারণ কন্টেইনার হিসেবে কাজ করে যা অন্যান্য এইচটিএমএল উপাদানগুলোকে একটি নির্দিষ্ট গ্রুপে বা ব্লকে সাজাতে সাহায্য করে। যখন আপনি ওয়েবসাইটের লেআউট তৈরি করেন, তখন বিভিন্ন অংশকে (যেমন হেডার, ফুটার বা সাইডবার) আলাদা করতে এবং সেগুলোকে সিএসএস-এর মাধ্যমে স্টাইল করতে div ব্যবহৃত হয়।
ব্যবহারিক প্রয়োগ এবং পার্থক্য
এইচটিএমএল-এ অনেক ধরনের কন্টেইনার থাকে, তবে div হলো একটি 'ব্লক-লেভেল' উপাদান। এর মানে হলো, একটি div ব্যবহার করলে সেটি ডিফল্টভাবে পুরো লাইনের জায়গা দখল করে নেয় এবং এর পরের উপাদানটি নতুন লাইনে চলে যায়। এটি span-এর থেকে সম্পূর্ণ আলাদা; কারণ span একটি 'ইনলাইন' উপাদান যা শুধুমাত্র নির্দিষ্ট কিছু টেক্সট বা ছোট অংশকে ঘিরে রাখতে ব্যবহৃত হয় এবং নতুন লাইন তৈরি করে না।
সঠিক ব্যবহার: পুরো একটি সেকশন বা লেআউট ব্লক তৈরি করতে div ব্যবহার করুন।
ভুল ব্যবহার: শুধুমাত্র একটি শব্দের রঙ পরিবর্তন করতে div ব্যবহার করা উচিত নয়, সেক্ষেত্রে span ব্যবহার করা শ্রেয়।
সতর্কতা এবং আধুনিক পদ্ধতি
অতীতে প্রায় সবকিছুর জন্য div ব্যবহার করা হতো (যাকে অনেক সময় 'ডিভ-সুপ' বা div soup বলা হয়), যা কোডকে জটিল করে তুলত। বর্তমানে আধুনিক এইচটিএমএল-এ 'সিম্যান্টিক' বা অর্থবহ ট্যাগ যেমন header, footer, section, এবং article ব্যবহার করার পরামর্শ দেওয়া হয়। তবে যখন কোনো নির্দিষ্ট অর্থবহ ট্যাগ পাওয়া যায় না এবং শুধুমাত্র স্টাইলিং বা গ্রুপিংয়ের প্রয়োজন হয়, তখনই div ব্যবহার করা সবচেয়ে কার্যকর।
উদাহরণ: একটি কার্ড লেআউট তৈরি করতে আপনি একটি প্রধান div নিতে পারেন এবং তার ভেতরে শিরোনামের জন্য h2 এবং বর্ণনার জন্য আরেকটি div ব্যবহার করতে পারেন।
Countable when referring to the specific HTML tags used in a codebase, such as having three divs inside a header.
Meanings
এইচটিএমএল-এর একটি কাঠামোগত উপাদান যা ফ্লো কন্টেন্টের জন্য একটি সাধারণ কন্টেইনার হিসেবে ব্যবহৃত হয়।
The developer wrapped the images in a div to center them.
ডেভলপার ছবিগুলোকে মাঝখানে আনার জন্য একটি `ডিভ`-এর মধ্যে রেখেছিলেন।