এইচটিএমএল <summary> ট্যাগ
<summary> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<summary> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
কোন একটি বর্ণনার সংক্ষিপ্তরুপ/ক্যাপশন দেয়ার জন্য <summary> ট্যাগটি ব্যবহার করা হয়। বেশিরভাগ ক্ষেত্রে <summary> ট্যাগটি <details> এলিমেন্টের ক্যাপশন/সংক্ষিপ্তরুপ দেখানোর জন্য ব্যবহৃত হয়।
নিচের উদাহরণে <summary> ট্যাগের ব্যবহার দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<details>
<summary>কপিরাইট ২০১৭</summary>
<p> - স্যাট একাডেমী। সকল স্বত্ব সংরক্ষিত। </p>
<p>এই ওয়েবসাইটের সকল তথ্য এবং গ্রাফিক্সের মালিক স্যাট একাডেমী।</p>
</details>
</body>
</html>
বিঃদ্রঃ <summery> ট্যাগটি ইন্টারনেট এক্সপ্লোরার/মাইক্রোসফট Edge এ সাপোর্ট করে না।
ফলাফল
টীকা ও মন্তব্যঃ
<summery>এলিমেন্টটি অবশ্যই<details>এলিমেন্টের প্রথম চাইল্ড এলিমেন্ট হতে হবে।
<summery> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<summery> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <sub> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
summary {
display: block;
}