এবং যখন নিবন্ধটি ব্যবহার করুন, এসিড এবং DIV
নতুন HTML5 সেকশন উপাদানটি কিছুটা বিভ্রান্তিকর হতে পারে। আপনি যদি এইচটিএমএল-এর আগে এইচটিএমএল ডকুমেন্টস তৈরি করে থাকেন তবে সম্ভবত আপনি আপনার পৃষ্ঠার মধ্যে স্ট্রাকচারাল ডিভিশন তৈরির উপাদানটি ব্যবহার করছেন এবং তারপর তাদের সাথে পেজগুলি সাজান। সুতরাং এটি একটি প্রাকৃতিক জিনিস মত মনে করতে পারে কেবল আপনার বিদ্যমান DIV উপাদানের সঙ্গে SECTION উপাদানগুলির প্রতিস্থাপন। কিন্তু এটি টেকনিক্যালি ভুল। তাই আপনি যদি ডিভি উপাদানগুলিকে SECTION উপাদানের সাথে প্রতিস্থাপন না করেন তবে আপনি কিভাবে সঠিকভাবে তাদের ব্যবহার করবেন?
SECTION এলিমেন্ট একটি শব্দের এলিমেন্ট
বুঝতে প্রথম জিনিস যে SECTION উপাদান একটি শব্দার্থিক উপাদান। এর মানে হল যে এটি সংযুক্ত এজেন্ট এবং ম্যানুয়াল উভয় সংস্থার জন্যই অর্থ প্রদান করে- বিশেষত ডকুমেন্টের একটি অংশ।
এটি একটি খুব সাধারণ শব্দার্থক বর্ণনা বলে মনে হতে পারে, এবং এটি কারণ এটি। আপনার HTML5 এর অন্যান্য উপাদান রয়েছে যা আপনার সামগ্রীতে আরো শব্দার্থগত পার্থক্য প্রদান করে যে আপনি SECTION উপাদানটি ব্যবহার করার আগে আপনাকে প্রথমে ব্যবহার করতে হবে:
- নিবন্ধ
- সরাইয়া
- এনএভি
SECTION এলিমেন্টটি কখন ব্যবহার করবেন
আর্টিকেল উপাদানটি ব্যবহার করুন যখন বিষয়বস্তুটি এমন সাইটটির একটি স্বাধীন অংশ যা একা দাঁড়াতে পারে এবং একটি নিবন্ধ বা ব্লগ পোস্টের মতো সিন্ডিকেটেড হতে পারে। যখন বিষয়বস্তুটি পৃষ্ঠার বিষয়বস্তু বা সাইট নিজেই যেমন সাইডবার, এনাটেশন, পাদটীকা, অথবা সংশ্লিষ্ট সাইট তথ্য, এর সাথে তাত্পর্যপূর্ণভাবে সম্পর্কিত হয় তখন ASIDE উপাদানটি ব্যবহার করুন। ন্যাভিগেশন যে উপাদান জন্য এনএভি উপাদান ব্যবহার করুন
SECTION উপাদান একটি জেনেরিক শব্দার্থিক উপাদান। আপনি এটি ব্যবহার যখন অন্য শব্দার্থিক ধারক উপাদান কেউ উপযুক্ত হয়। আপনি এটি ব্যবহার করে আপনার দস্তাবেজের অংশগুলিকে একত্রে আলাদা আলাদা ইউনিটগুলিতে একত্রিত করতে ব্যবহার করুন যা আপনি কিছুভাবে সম্পর্কিত হিসাবে বর্ণনা করতে পারেন। যদি আপনি বিভাগে এক বা দুই বাক্যের উপাদানগুলি না বর্ণনা করতে পারেন, তাহলে সম্ভবত উপাদানটি ব্যবহার করা উচিত নয়।
পরিবর্তে, আপনি DIV উপাদান ব্যবহার করা উচিত HTML5 এ DIV উপাদানটি একটি অ-শব্দার্থিক ধারক উপাদান। যদি আপনি যে সামগ্রীটি একত্রিত করার চেষ্টা করছেন সেটি একটি শব্দার্থিক অর্থ না থাকে, তবে আপনি এখনও স্টাইলিংয়ের জন্য এটি একত্রিত করতে প্রয়োজন, তারপর DIV উপাদানটি ব্যবহার করার জন্য উপযুক্ত উপাদান।
সেক্টর এলিমেন্ট কিভাবে কাজ করে
আপনার ডকুমেন্টের একটি অংশ নিবন্ধের জন্য বাইরের কন্টেইনার এবং ASIDE উপাদানগুলির মত উপস্থিত হতে পারে। এটি এমন সামগ্রী ধারণ করতে পারে যা একটি নিবন্ধ বা এ্যাসিডি এর অংশ নয়। একটি উপসর্গ উপাদানটি একটি আর্টিকেল, এনএভি বা এএসআইডি এর ভিতরে পাওয়া যেতে পারে। আপনি এমনকি নেস্ট বিভাগগুলি যে বিষয়বস্তুতে একটি গ্রুপ বিষয়বস্তু অন্য গ্রুপের একটি অংশ যে একটি নিবন্ধ একটি অংশ বা পাতা হিসাবে সম্পূর্ণ হিসাবে একটি বিভাগ হয় ইঙ্গিত করতে পারেন।
SECTION উপাদান নথির একটি সীমারেখাগুলির মধ্যে আইটেম তৈরি করে। এবং যেমন, বিভাগের একটি অংশ হিসাবে আপনার সর্বদা একটি হেডার উপাদান থাকা উচিত (H1 থেকে H6) আপনি অধ্যায় জন্য একটি শিরোনাম সঙ্গে আসতে না পারে, তারপর আবার DIV উপাদান সম্ভবত আরো উপযুক্ত। মনে রাখবেন, যদি আপনি পৃষ্ঠার শিরোনাম শিরোনাম দেখতে না চান তবে আপনি সবসময় CSS দিয়ে এটি মাস্ক করতে পারেন।
যখন SECTION এলিমেন্ট ব্যবহার করবেন না
উপরের আরও পরামর্শাত্মক পদার্থ উপাদানগুলি ব্যবহার করার জন্য পরামর্শের পাশাপাশি, একটি নির্দিষ্ট ক্ষেত্রটি আছে যা আপনাকে SECTION উপাদানটি ব্যবহার করতে হবে না: শুধুমাত্র স্টাইলের জন্য।
অন্য কথায়, যদি একমাত্র কারণ আপনি যে উপাদানটি সিএসএস স্টাইলের বৈশিষ্ট্যাবলী যুক্ত করতে চান তাহলে আপনি SECTION এলিমেন্ট ব্যবহার করবেন না। একটি শব্দার্থিক উপাদান খুঁজুন বা তার পরিবর্তে DIV উপাদানটি ব্যবহার করুন।
পরিশেষে এটি মেটার না হতে পারে
সিমান্তিক এইচটিএমএল লেখার একটি অসুবিধা হল যে আমার কাছে শব্দার্থকটি আপনার কাছে অস্পষ্টতা হতে পারে। যদি আপনি মনে করেন যে আপনি আপনার নথিতে SECTION উপাদানটি ব্যবহার করতে পারেন, তাহলে আপনি এটি ব্যবহার করতে হবে। বেশিরভাগ ব্যবহারকারীর এজেন্ট কোনও পৃষ্ঠায় নজর রাখেন না এবং পৃষ্ঠাটি প্রদর্শন করবেন না যেমন আপনি আশা করতে পারেন যে আপনি একটি DIV বা SECTION স্টাইল করেছেন কিনা।
সিমান্তিকভাবে সঠিক পদ্ধতিতে SECTION উপাদানটি ব্যবহার করা উচিত বলে মনে করেন এমন ডিজাইনারদের জন্য, এটি গুরুত্বপূর্ণ। ডিজাইনারদের জন্য যারা শুধুমাত্র তাদের পেজগুলি কাজ করতে চায়, এটি গুরুত্বপূর্ণ নয় আমি বিশ্বাস করি যে semantically বৈধ এইচটিএমএল লেখা ভাল অনুশীলন এবং পৃষ্ঠাগুলি আরো ভবিষ্যতে প্রমাণিত রাখে। কিন্তু শেষ পর্যন্ত এটি আপনার উপরে।