এইচটিএমএল <main> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <link>
  • পরবর্তী পৃষ্ঠা <map>

সংজ্ঞা ও ব্যবহার

<main> এলিমেন্ট নিয়ে ডকুমেন্টের মূল বিষয়কে নির্দিষ্ট করে

<main> এলিমেন্টের মধ্যে থাকা কনটেন্ট ডকুমেন্টের জন্য অল্পমাত্রায় হবে। পুনরাবৃত্ত কনটেন্ট থাকা উচিত না, যেমন সাইডবার, নেভিগেশন লিঙ্ক, ক্রেডিট ইনফরমেশন, ওয়েবসাইট লোগো এবং সার্চ ফরম ইত্যাদি。

নোট:ডকুমেন্টে একাধিক <main> এলিমেন্ট। <main> এলিমেন্ট হতে পারে না <article>、<aside>、<footer>、<header> বা <nav> এলিমেন্টের পরবর্তী সন্তান এলিমেন্ট

ইনস্ট্যান্স

উদাহরণ ১

ডকুমেন্টের মূল বিষয় নির্দিষ্ট করুন:

<main>
  <h1>সর্বাধিক জনপ্রিয় ব্রাউজার</h1>
  <p>চ্রোম, ফায়ারফক্স এবং এডজ আজকের সময়ের সর্বাধিক ব্যবহৃত ব্রাউজারগুলি。</p>
  <article>
    <h2>গুগল ক্রোম</h2>
    <p>গুগল ক্রোম হল গুগল দ্বারা উন্নত একটি ওয়েব ব্রাউজার, ২০০৮ সালে প্রকাশিত...</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox হল Mozilla দ্বারা উন্নয়নকৃত একটি ওপেন সোর্স নেটওয়ার্ক ব্রাউজার...</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge হল মাইক্রোসফট দ্বারা উন্নয়নকৃত একটি নেটওয়ার্ক ব্রাউজার, ২০১৫ সালে প্রকাশিত...</p>
  </article>
</main>

স্বয়ং প্রয়াস করুন

উদাহরণ ২

সিএসএস দ্বারা সেট করা <main> এলিমেন্টের স্টাইল:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<main>
  <h1>সর্বাধিক জনপ্রিয় ব্রাউজার</h1>
  <p>চ্রোম, ফায়ারফক্স এবং এডজ আজকের সময়ের সর্বাধিক ব্যবহৃত ব্রাউজারগুলি。</p>
  <article>
    <h2>গুগল ক্রোম</h2>
    <p>গুগল ক্রোম হল গুগল দ্বারা উন্নত একটি ওয়েব ব্রাউজার, ২০০৮ সালে প্রকাশিত...</p>
  </article>
  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox হল Mozilla দ্বারা উন্নয়নকৃত একটি ওপেন সোর্স নেটওয়ার্ক ব্রাউজার...</p>
  </article>
  <article>
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge হল মাইক্রোসফট দ্বারা উন্নয়নকৃত একটি নেটওয়ার্ক ব্রাউজার, ২০১৫ সালে প্রকাশিত...</p>
  </article>
</main>
</body>
</html>

স্বয়ং প্রয়াস করুন

গ্লোবাল অ্যাট্রিবিউট

<main> ট্যাগটি এছাড়াও HTML-এর গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<main> ট্যাগটি এছাড়াও HTML-এর ইভেন্ট অ্যাট্রিবিউট。

ব্রাউজার সমর্থন

সার্ভিসের নম্বরগুলি এই ট্যাগটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে。

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
26.0 12.0 21.0 7.0 16.0
  • পূর্ববর্তী পৃষ্ঠা <link>
  • পরবর্তী পৃষ্ঠা <map>