এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

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


<header> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<header> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




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

<header> এলিমেন্টটি একটি ডকুমেন্টের প্রাথমিক পরিচিতিমূলক কন্টেন্ট অথবা নেভিগেশন লিংক উপস্থাপন করে।

<header> এলিমেন্টে সাধারনত যেধরনের কন্টেন্ট থাকেঃ

  • এক বা একাধিক হেডিং এলিমেন্ট (<h1> - <h6>)
  • লোগো বা আইকন
  • লেখকের তথ্য

একটি ডকুমেন্টের মধ্যে আপনি একাধিক বার <header> এলিমেন্ট ব্যবহার করতে পারেন।
কিন্তু <header> ট্যাগকে <footer>, <address> অথবা অন্য কোন <header> এলিমেন্টের মধ্যে ব্যবহার করতে পারবেন না।



নিচের উদাহরণে <header> ট্যাগের ব্যবহার দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <article>
    <header>
      <h1>এটি এই আর্টিকেলের সবচেয়ে গুরুত্বপূর্ণ হেডিং</h1>
      <p>এখানে এই আর্টিকেলটির হেডং সম্পর্কিত ব্যাখ্যা লেখা হয়েছে।</p>
    </header>
    <p>এই অংশে আর্টিকেলটির ব্যাখ্যা লেখা হয়েছে।</p>
  </article>

</body>
</html> 

ফলাফল





<header> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


<header> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <header> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

header { 
    display: block;
  }


সম্পর্কিত পেজ