এইচটিএমএল <footer> ট্যাগ
<footer> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<footer> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
একটি ডকুমেন্টের ফুটার নির্ধারন করার জন্য <footer> এলিমেন্টটি ব্যবহার করা হয়।
<footer> এলিমেন্টটিতে অবশ্যই তার ধারনকারী এলিমেন্ট সম্পর্কে তথ্য থাকবে।
একটি <footer> এলিমেন্ট সাধারনত নিচের তথ্যগুলো ধারন করে থাকেঃ
- লেখকের তথ্য
- কপিরাইট তথ্য
- সংযুক্ত তথ্য
- সাইটম্যাপ
- পূনরায় উপরে যাওয়ার বাটন
- সম্পর্কিত ডকুমেন্ট
একটি ডকুমেন্টের মধ্যে আপনি একের অধিক(বিভিন্ন) <footer> ব্যবহার করতে পারেন।
নিচের উদাহরণে একটি ডকুমেন্টের ফুটার সেকশনে তৈরি করে দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<footer>
<p>পোস্টটি লিখেছেনঃ জিহাদুল ইসলাম</p>
<p>যোগাযোগঃ <a href="mailto:md.zehad1177@gmail.com">ইমেইল এড্রেস</a></p>
</footer>
</body>
</html>
বিঃদ্রঃ <footer> ট্যাগটি ইন্টারনেট এক্সপ্লোরার(৮) এবং এর পূর্বের ভার্সন গুলোতে সাপোর্ট করে না।
ফলাফল
টীকা ও মন্তব্যঃ
<footer>এলিমেন্টের মধ্যের যোগাযোগের তথ্য<address>এলিমেন্টের মাধ্যমে দেয়া উচিত।
<footer> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<footer> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <footer> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
footer {
display: block;
}