এইচটিএমএল <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;
}