এইচটিএমএল <menu> ট্যাগ
<menu> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<menu> |
সাপোর্ট করে না | সাপোর্ট করে না | ৮.০ | সাপোর্ট করে না | সাপোর্ট করে না |
সংজ্ঞা ও ব্যবহার
এইচটিএমএল <menu> এলিমেন্টের মাধ্যমে মেনু লিস্ট তৈরি করা হয়।
এই ট্যাগটি এইচটিএমএল এর পূর্ববর্তী ভার্সনে বাদ দিয়ে দেয়া হয়ছিল। এইচটিএমএল(৫)-এ এটি নতুন করে যুক্ত করা হয়েছে। কিন্তু এই ট্যাগটি বেশিরভাগ ব্রাউজারেই সাপোর্ট করে না। বর্তমানে এই ট্যাগটি শুধুমাত্র ফায়ারফক্স ব্রাউজারে সাপোর্ট করে। তাও সংকীর্ণ প্রসারে।
নিচের <menu> এলিমেন্টের উদাহরণ দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<menu>
<li>ol - ordered list</li>
<li>ul - unordered list</li>
<li>dir - directory list</li>
<li>menu - menu list</li>
</menu>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
- মেনু লিস্ট স্টাইল করার জন্য সিএসএস ব্যবহার করুন।
এট্রিবিউট
নিচের টেবিলে <menu> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| label | text | মেনুর জন্য একটি দৃশ্যমান লেবেল নির্ধারণ করে। |
| type | list toolbar context |
কেমন টাইপের মেনু প্রদর্শিত হবে তা নির্ধারণ করে। |
<menu> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |
<menu> ট্যাগের ডিফল্ট স্টাইল
অধিকাংশ ব্রাউজারেই <menu> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}