HTML5 SECTION এলিমেন্ট বোঝাচ্ছে
যখন কয়েক বছর আগে HTML5 সম্মুখের দিকে বিস্ফোরিত হয়, তখন সেগমেন্ট এলিমেন্ট সহ ল্যাংগেজের নতুন অংশীদারী উপাদানগুলির একটি গুচ্ছ যোগ করা হয়েছে। এইচটিএমএল 5 টি নতুন উপাদানের অধিকাংশই স্পষ্ট ব্যবহার করে। উদাহরণস্বরূপ, উপাদানটি ওয়েব পেজের নিবন্ধ এবং মূল অংশগুলি নির্ধারণ করতে ব্যবহৃত হয়, উপাদানটি সংশ্লিষ্ট সামগ্রীকে সংজ্ঞায়িত করতে ব্যবহৃত হয় যা বাকি পৃষ্ঠার সমালোচনামূলক নয় এবং শিরোলেখ, এনএভি এবং পাদচরণ প্রশংসনীয় স্ব-ব্যাখ্যামূলক। নতুন যোগ করা SECTION উপাদান, তবে, এটি একটি বিট কম স্পষ্ট।
অনেক মানুষ বিশ্বাস করে যে এইচটিএমএল উপাদানের অংশবিশেষ এবং সত্যিই একই জিনিস-জেনেরিক কন্টেইনার উপাদান যা একটি ওয়েব পৃষ্ঠায় সামগ্রী ধারণ করে। তবে বাস্তবতা হল, এই দুইটি উপাদান, উভয় হচ্ছে কন্টেইনার উপাদান থাকা সত্ত্বেও কিছুটা জেনেরিক। SECTION উপাদান এবং DIV উপাদান উভয় ব্যবহার করার জন্য নির্দিষ্ট কারণ রয়েছে - এবং এই নিবন্ধটি এই পার্থক্য ব্যাখ্যা করবে।
বিভাগ এবং divs
SECTION উপাদানটিকে একটি ওয়েব পৃষ্ঠা বা সাইটের একটি সিন্টমিক বিভাগ হিসাবে সংজ্ঞায়িত করা হয় যা অন্য কোনও নির্দিষ্ট প্রকার নয় (যেমন নিবন্ধ বা অন্য কোথাও)। আমি এই উপাদানটি ব্যবহার করি যখন আমি পৃষ্ঠাটির একটি স্বতন্ত্র অংশটি চিহ্নিত করছি - এমন একটি বিভাগ যা হোয়াইটকে অন্য পাতায় বা অন্য অংশে ব্যবহার করা যেতে পারে। এটি একটি আলাদা আলাদা সামগ্রী, অথবা বিষয়বস্তু "বিভাগ", আপনি যদি চান।
এর বিপরীতে, আপনি যে অংশটি ভাগ করতে চান সেটির অংশে DIV উপাদানটি ব্যবহার করুন, কিন্তু সিমন্টিক্স ব্যতীত অন্য উদ্দেশ্যে। সিএসএস ব্যবহার করার জন্য আমি নিজেকে একটি "হুক" দেবার জন্য সম্পূর্ণরূপে কাজ করছি যদি আমি একটি বিভাগে একটি সামগ্রীর আচ্ছাদন করি। এটি সিনট্যাক্সের উপর ভিত্তি করে একটি পৃথক বিভাগের নাও হতে পারে, তবে আমার পৃষ্ঠার জন্য আমি যে লেআউটটি চাইছিলাম সেটি অর্জন করার জন্য আমি কিছু নির্দেশ করছি।
এটি সিনট্যান্স সম্পর্কে সব
এটি বোঝার জন্য একটি কঠিন ধারণা, কিন্তু DIV উপাদান এবং SECTION উপাদানের মধ্যে একমাত্র পার্থক্য সিনটিক্স। অন্য কথায়, এটি কোডের বিভাগের অংশ যা আপনি ভাগ করছেন।
একটি DIV উপাদান ভিতরে যে কোনো বিষয়বস্তু কোন সহজাত অর্থ নেই। এটি সেরা জিনিস জন্য ব্যবহার করা হয়:
- সিএসএস স্টাইলের জন্য সিএসএস স্টাইল এবং হুক
- লেআউট পাত্রে
- জাভাস্ক্রিপ্ট হুক সংখ্যা
- এইচটিএমএল এর জন্য বিভাগগুলি সহজে পড়তে হবে
DIV উপাদান আমাদের নথি শৈলী হুক যোগ করার জন্য এবং কলাম এবং অভিনব সজ্জা তৈরি করার জন্য আমরা একমাত্র উপাদান হিসেবে ব্যবহৃত। যে কারণে, আমরা এইচটিএমএল শেষ হয়ে গিয়েছিলাম যা DIV উপাদানের সাথে পরিপূর্ণ ছিল- ওয়েব ডিজাইনাররা "ডিভিটিস" কি বলে? "WYSIWYG এডিটরগুলিও ছিল যা ডিভি উপাদানটি একচেটিয়াভাবে ব্যবহার করত। আমি প্রকৃতপক্ষে এইচটিএমএল যে ডিভি উপাদান ব্যবহার করে পরিবর্তে অনুচ্ছেদের জন্য সঞ্চালিত করেছি!
এইচটিএমএল 5 এর সাথে, আমরা আরো পরিভাষামূলক বর্ণনামূলক ডকুমেন্ট তৈরি করতে (নেগেইজেশনের জন্য এবং বর্ণনামূলক পরিসংখ্যানের জন্য এবং এর মতো) তৈরি করার জন্য বিভাগীয় উপাদানের ব্যবহার শুরু করতে পারি এবং সেই সব উপাদানগুলির শৈলীগুলিও নির্ধারণ করতে পারি।
স্প্যান এলিমেন্ট সম্পর্কে কি?
অন্য উপাদান যে অধিকাংশ মানুষ যখন তারা DIV উপাদান সম্পর্কে মনে মনে হয় উপাদান। এই উপাদান, DIV মত, একটি শব্দার্থিক উপাদান না। এটি একটি ইনলাইন উপাদান যা আপনি শৈলীর জন্য হুক যোগ করতে এবং বিষয়বস্তু (সাধারণত টেক্সট) এর ইনলাইন ব্লকের কাছাকাছি স্ক্রিপ্ট ব্যবহার করতে পারেন। যে অর্থে এটি DIV উপাদান ঠিক মত, শুধুমাত্র একটি ব্লক উপাদান পরিবর্তে ইনলাইন। কিছু উপায়ে, ডিভিটি একটি ব্লক-লেভেল SPAN উপাদান হিসাবে বিবেচনা করা এবং এটি একই ভাবে ব্যবহার করতে পারে যেমনটি আপনি শুধুমাত্র এইচটিএমএল কন্টেন্টের সম্পূর্ণ ব্লকে স্প্যান করতে পারেন।
HTML5 তে কোন তুলনামূলক ইনলাইন অংশীদারি উপাদান নেই
ইন্টারনেট এক্সপ্লোরার এর পুরোনো সংস্করণগুলির জন্য
এমনকি যদি আপনি IE এর নাটকীয়ভাবে পুরানো সংস্করণ সমর্থন করেন (IE 8 এবং নিম্নের মত) যা নির্ভরযোগ্যভাবে HTML5 সনাক্ত করে না, তাহলে আপনি এইচটিএমএল ট্যাগগুলি প্রত্যক্ষভাবে সঠিকভাবে ব্যবহার করতে ভয় পাবেন না। পরিভাষাগুলি আপনাকে এবং আপনার টিমের ভবিষ্যতে পৃষ্ঠাকে পরিচালনা করতে সহায়তা করবে (কারণ আপনি জানেন যে এই বিভাগটি নিবন্ধটি যদি আর্টিকেল উপাদান দ্বারা ঘিরে থাকে)। প্লাস, ব্রাউজারগুলি যারা ট্যাগগুলি সনাক্ত করে তারা তাদের সমর্থন করবে।
আপনি এখনও ইন্টারনেট এক্সপ্লোরারের সাথে এইচটিএমএল সিমান্তিক বিভাগীয় উপাদানের ব্যবহার করতে পারেন, আপনাকে এইচটিএমএল হিসাবে ট্যাগগুলি সনাক্ত করতে স্ক্রিপ্টিং এবং সম্ভবত কয়েকটি ডিভি উপাদানগুলি যোগ করতে হবে।
DIV এবং SECTION এলিমেন্ট ব্যবহার করে
যদি আপনি সঠিকভাবে তাদের ব্যবহার করছেন, তাহলে আপনি একটি কার্যকর HTML5 ডকুমেন্টে উভয় div এবং SECTION উপাদানের একসাথে ব্যবহার করতে পারেন। আপনি এই নিবন্ধটি এখানে দেখাতে হিসাবে, আপনি বিষয়বস্তু অনুভূমিকভাবে পৃথক অংশ নির্ধারণ করতে SECTION উপাদান ব্যবহার, এবং আপনি সিএসএস এবং জাভাস্ক্রিপ্ট জন্য হুক হিসাবে ডিভি উপাদান হিসাবে এবং পাশাপাশি একটি শব্দার্থিক অর্থ না আছে যে বিন্যাস সংজ্ঞা সংজ্ঞা।
জনিফার ক্রাইনিনের মূল রচনা 3/15/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত