যদি আপনি আজকের কোনও ওয়েবপৃষ্ঠাটির জন্য HTML মার্কআপটি দেখেন, তবে আপনি অন্যান্য HTML উপাদানগুলিতে থাকা HTML উপাদানগুলি দেখতে পাবেন। অন্যের "ভিতরে" এই উপাদানগুলিকে "নেস্টেড উপাদান" হিসাবে পরিচিত করা হয় এবং আজকের কোনও ওয়েব পৃষ্ঠা নির্মাণের জন্য এটি অপরিহার্য।
এটা Nest এইচটিএমএল ট্যাগ মানে কি?
নেস্টিং বোঝার সবচেয়ে সহজ উপায় হল HTML ট্যাগগুলি আপনার সামগ্রীগুলি ধারণ করে এমন বাক্স হিসাবে মনে করা। আপনার কন্টেন্ট টেক্সট, ছবি, ইত্যাদি অন্তর্ভুক্ত করতে পারেন HTML ট্যাগ বিষয়বস্তু প্রায় বাক্স। কখনও কখনও, আপনি অন্যান্য বাক্সের ভিতরে বাক্স স্থাপন করতে হবে। যারা "ভিতরের" বাক্স অন্যদের ভিতরে নিস্তেজ হয়।
যদি আপনার কোনও পাঠ্যের ব্লক থাকে যা আপনি অনুচ্ছেদের ভিতরে বোল্ড করতে চান তবে আপনার কাছে দুটি HTML উপাদান এবং পাঠ্য নিজেই থাকবে।
উদাহরণ: এটি একটি বাক্য টেক্সট এর।
যে টেক্সটটি আমরা আমাদের উদাহরণ হিসাবে ব্যবহার করব। এখানে লেখা হবে কিভাবে।
উদাহরণ: এটি পাঠ্যের একটি বাক্য। কারণ আপনি "বাক্য" শব্দটির সাহসী হতে চান, আপনি সেই শব্দটির আগে ও পরে শব্দটি খোলার এবং বন্ধ করার জন্য যুক্ত করুন।
উদাহরণ: এটি একটি বাক্য টেক্সট এর। যেমন আপনি দেখতে পারেন, আমাদের একটি বক্স (অনুচ্ছেদ) রয়েছে যা আমাদের বাক্যের বিষয়বস্তু / পাঠ্য এবং প্লাসটি একটি দ্বিতীয় বাক্স (শক্তিশালী ট্যাগ জোড়া) রয়েছে, যা শব্দটি সাহসী হিসাবে রেন্ডার করবে। যখন আপনি নেস্ট ট্যাগগুলি করেন, তখন এটি সমালোচকদের কাছে গুরুত্বপূর্ণ যে আপনি ট্যাগগুলি বন্ধ করার বিপরীত ক্রমটি বন্ধ করেন। আপনি খুলুন প্রথম, অনুসরণ করে , যা আপনি যে বিপরীত মানে এবং বন্ধ এবং তারপর এই সম্পর্কে চিন্তা করার আরেকটি উপায় আবার বক্সের সাদৃশ্য ব্যবহার করা হয়। যদি আপনি অন্য বাক্সের ভিতরে একটি বাক্স রাখেন, তবে বাইরের বা বাক্স ধারণকারী বাক্সটি বন্ধ করার আগে আপনাকে অভ্যন্তরীণটি বন্ধ করতে হবে। আপনি যদি শুধুমাত্র এক বা দুটি শব্দ সাহসী হতে চান, এবং অন্য সেট ইটালিক হতে? এখানে কিভাবে তা করতে হয়। উদাহরণ: এটি একটি বাক্য টেক্সট এবং এটি কিছু আছে ইটালিকাইজড টেক্সট খুব। আপনি আমাদের বাইরের বক্স দেখতে পারেন, দী , এখন এটি ভিতরে দুটি নেস্টেড ট্যাগ আছে - দী এবং । বাক্সটি বন্ধ করা যেতে পারে এমন আগে তাদের অবশ্যই বন্ধ করা উচিত। উদাহরণ: এটি একটি বাক্য টেক্সট এবং এটি কিছু আছে ইটালিকাইজড টেক্সট খুব। এটি অন্য অনুচ্ছেদ। এই ক্ষেত্রে আমরা বাক্সের ভিতরে বক্স আছে! সবচেয়ে আউট বক্স হয় যদি আপনি সিএসএস ব্যবহার করতে যাচ্ছেন তবে নীচের বিষয়টির যত্ন নেওয়ার জন্য এক নম্বর কারণ। ক্যাসকেডিং স্টাইল শীটগুলি ট্যাগগুলির উপর নির্ভর করে নথির মধ্যে ধারাবাহিকভাবে নিস্তেজ করা হয় যাতে স্টাইলগুলি শুরু হয় এবং শেষ হয় তা বলতে পারে। যদি আপনি কোনও স্টাইল সেট করেন যা পৃষ্ঠাটির মূল বিষয়বস্তুর একটি শ্রেণির সাথে বিভাগের ভেতরের সমস্ত লিঙ্ককে প্রভাবিত করে তবে ভুল নেস্টিং ব্রাউজারকে এই শৈলীগুলি কোথায় প্রয়োগ করতে হবে তা জানা কঠিন করে তোলে। আসুন কিছু এইচটিএমএল দেখুন: উদাহরণ: এটি একটি বাক্য টেক্সট এবং এটি কিছু আছে ইটালিকাইজড টেক্সট খুব। এটি অন্য অনুচ্ছেদ। উদাহরণটি ব্যবহার করে আমি ঠিক বলেছি, যদি আমি একটি CSS স্টাইল লিখতে চাই যা এই বিভাগের অভ্যন্তরে থাকা লিঙ্কটিকে প্রভাবিত করে এবং শুধুমাত্র সেই লিঙ্কটি (পৃষ্ঠার অন্যান্য অংশগুলিতে অন্য কোনও লিঙ্কের বিরোধিতা করে), আমাকে ব্যবহার করতে হবে আমার শৈলী লিখতে নেস্টিং, যেমন: । মেইন কন্টেন্ট একটি { রঙ: # F00;}
অন্য কারণ অ্যাক্সেসিবিলিটি এবং ব্রাউজার সামঞ্জস্য অন্তর্ভুক্ত। যদি আপনার এইচটিএমএল ভুলভাবে নিস্তেজ হয় তবে এটি স্ক্রীন পাঠকদের এবং পুরানো ব্রাউজারগুলিতে অ্যাক্সেসযোগ্য হবে না - এবং HTML পৃষ্ঠাগুলি এবং ট্যাগগুলির কারণে ব্রাউজারগুলি সঠিকভাবে কোন পৃষ্ঠাটি রেন্ডার করতে পারে না তা যদি এটি সম্পূর্ণরূপে একটি পৃষ্ঠাটির দৃশ্যমান চেহারাটি ভাঙ্গতে পারে জায়গা বাইরে হয়। অবশেষে, যদি আপনি সম্পূর্ণ সঠিক এবং বৈধ HTML লিখতে চেষ্টা করছেন, তবে আপনাকে সঠিক নীচের অংশটি ব্যবহার করতে হবে। অন্যথায়, প্রতিটি বৈধতা আপনার HTML টি ভুল হিসাবে পতাকাঙ্কিত করবে। আরো নেস্টেড ট্যাগ যোগ করা হচ্ছে
কেন আপনি নেস্টিং সম্পর্কে যত্ন করা উচিত