কিভাবে HTML <main> ব্যবহার করতে হয় তা জানুন উপাদান।
HTML <main> <body-এর ভিতরে আপনার পৃষ্ঠার বিষয়বস্তুর প্রধান/প্রধান অংশকে উপস্থাপন করতে উপাদানটি একটি ধারক হিসাবে ব্যবহার করা হয় উপাদান।
উদাহরণ:
<body>
<header><!-- Header content --></header>
<main>
<article>
<h3>Google Chrome</h3>
<p>Paragraph</p>
</article>
<article>
<h3>Headline</h3>
<p>Paragraph</p>
</article>
<article>
<h3>Headline</h3>
<p>Paragraph</p>
</article>
</main>
<footer><!-- Footer content --></footer>
</body>
<main> উপাদানের মধ্যে এমন বিষয়বস্তু রয়েছে যা আপনার নথির বিষয়ের কেন্দ্রবিন্দু।
যখন <header> এবং <footer> উপাদানগুলিতেও বিষয়বস্তু থাকে (সাধারণত লিঙ্ক এবং লোগো), সেগুলি আপনার ওয়েবসাইটের প্রধান অংশ হিসাবে বিবেচনা করা যায় না, এই কারণে আপনি সেগুলিকে <main> এর বাইরে রাখুন উপাদান।
<article> থেকে ভিন্ন উপাদান, যা একটি বিষয়বস্তুর ধারক, <main> উপাদান একই HTML নথিতে শুধুমাত্র একবার ব্যবহার করা উচিত।
যেমন
<main>
<article>
<h1>Title of your post</h1>
<p>Paragraph</p>
<p>Paragraph</p>
<img href="your-image.jpg" alt="description of image" />
<p>Paragraph</p>
<p>Paragraph</p>
</article>
</main>আপনি ডানদিকে যে ওয়েবসাইটটি পড়ছেন সেটি অনুরূপ HTML মার্কআপ কাঠামো অনুসরণ করে। আপনি যদি এই ওয়েবসাইটে ডান-ক্লিক করেন এবং পরিদর্শন করুন ক্লিক করেন তাহলে আপনি এটি নিজের জন্য দেখতে পারেন৷
<main> ট্যাগ হল অনেকগুলি HTML ট্যাগের মধ্যে একটি যা কন্টেইনার উপাদানগুলিকে সংজ্ঞায়িত করতে ব্যবহৃত হয়। সবচেয়ে বেশি ব্যবহৃত কিছু HTML কন্টেইনার উপাদান হল:
<section> , <article> , <header> , <footer> ,<form> , এবং <div> (যা একটি জেনেরিক ট্যাগ যা আমরা ব্যবহার করি যদি অন্য কোন ট্যাগ প্রযোজ্য না হয়)।
