HTML <main> এলিমেন্টের ব্যবহার পদ্ধতি

HTML <main> এলিমেন্ট কীভাবে ব্যবহার করবেন তা শিখুন।

HTML <main> এলিমেন্টটি <body> এলিমেন্টের ভিতরে আপনার পেজ কন্টেন্টের মেইন/প্রধান অংশ রিপ্রেজেন্ট করার জন্য কন্টেইনার হিসেবে ব্যবহৃত হয়।

উদাহরণ:

<body> <header><!-- হেডার কন্টেন্ট --></header> <main> <article> <h3>Google Chrome</h3> <p>প্যারাগ্রাফ</p> </article> <article> <h3>হেডলাইন</h3> <p>প্যারাগ্রাফ</p> </article> <article> <h3>হেডলাইন</h3> <p>প্যারাগ্রাফ</p> </article> </main> <footer><!-- ফুটার কন্টেন্ট --></footer> </body>

<main> এলিমেন্টে আপনার ডকুমেন্টের টপিকের কেন্দ্রীয় কন্টেন্ট থাকে।

<header> এবং <footer> এলিমেন্টগুলোকেও কন্টেন্ট থাকে (সাধারণত লিংক এবং লোগো), কিন্তু সেগুলো আপনার ওয়েবসাইটের মেইন অংশ ধরা হয় না, তাই সেগুলো <main> এলিমেন্টের বাইরে রাখা হয়।

<article> এলিমেন্টের মতো যা একটি কন্টেন্ট কন্টেইনার, <main> এলিমেন্ট একই HTML ডকুমেন্টে শুধু একবার ব্যবহার করা উচিত।

উদাহরণস্বরূপ

<main> <article> <h1>আপনার পোস্টের টাইটেল</h1> <p>প্যারাগ্রাফ</p> <p>প্যারাগ্রাফ</p> <img href="your-image.jpg" alt="ছবির বর্ণনা" /> <p>প্যারাগ্রাফ</p> <p>প্যারাগ্রাফ</p> </article> </main>

আপনি যে ওয়েবসাইট পড়ছেন সেটিও সাদৃশ্য HTML মার্কআপ স্ট্রাকচার ফলো করে। রাইট-ক্লিক করে Inspect ক্লিক করলে নিজে দেখতে পাবেন।

<main> ট্যাগ কন্টেইনার এলিমেন্ট ডিফাইন করার জন্য ব্যবহৃত অনেক HTML ট্যাগের একটি। সবচেয়ে কমন ব্যবহৃত HTML কন্টেইনার এলিমেন্টগুলো হচ্ছে:

<section>, <article> , <header>, <footer>,<form>, এবং <div> (যেটি একটি জেনেরিক ট্যাগ যা আমরা ব্যবহার করি যদি অন্য ট্যাগগুলো প্রযোজ্য না হয়)।