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