HTML Nested Element কি?
HTML-এ nested element মানে হলো একটি element-এর ভেতরে আরেকটি element রাখা। Nested tag হলো একটি ট্যাগের ভেতরে আরেকটি ট্যাগ থাকা। যেমন প্রোগ্রামিং-এ nested loop থাকে, যেখানে একটি লুপের ভেতরে আরেকটি লুপ থাকে, HTML-এও nested element এর ধারণা রয়েছে।
উদাহরণ:
- Parent Element: বাইরের ট্যাগ।
- Child Element: Parent ট্যাগের ভেতরের ট্যাগ।
উদাহরণ ১:
<div>
<p>This is a paragraph.</p>
</div>
- Parent:
<div> - Child:
<p>
উদাহরণ ২:
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
- Parent:
<ul> - Child:
<li>
নেস্টেড এলিমেন্ট নয় এমন ট্যাগের উদাহরণ
HTML-এ কিছু self-closing বা সিঙ্গেল ট্যাগ রয়েছে যা nested হতে পারে না। এগুলো Parent বা Child হিসেবে কাজ করে না।
১. <img> ট্যাগ:
<img src="image.jpg" alt="Sample Image">
Nested করা যায় না।
২. <br> ট্যাগ:
<p>This is a line.<br>This is another line.</p>
- Nested করা যায় না।
৩. <hr> ট্যাগ:
<hr>
- Nested করা যায় না।
৪. <input> ট্যাগ:
<input type="text" name="username">
- Nested করা যায় না।
৫. <meta> ট্যাগ:
<meta charset="UTF-8">
- Nested করা যায় না।
৬. <link> ট্যাগ:
<link rel="stylesheet" href="styles.css">
- Nested করা যায় না।
নেস্টেড এলিমেন্ট ছাড়া প্রোফেশনাল ওয়েব পেজ ডিজাইন অসম্ভব। তাই এ বিষয়ে সঠিক ধারণা রাখা অত্যন্ত গুরুত্বপূর্ণ।