در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<menuitem> آشنا ميشويم. اين تگ براي تعريف يک آيتم داخل منو (<menu>)
استفاده ميشود و ميتواند شامل فرمان يا لينک باشد.
تگ menuitem در HTML چيست؟
تگ <menuitem> يک آيتم مستقل در منو را مشخص ميکند. اين تگ به کاربران اجازه ميدهد
گزينههاي مشخص شده در منو را انتخاب يا فعال کنند.
توجه داشته باشيد که اين تگ در HTML5 به صورت گسترده پشتيباني نميشود و معمولاً با دکمهها يا لينکهاي داخل
<menu> جايگزين ميشود.
مثال ساده از تگ menuitem
<menu label="منوي اصلي">
<menuitem label="ذخيره" onclick="alert("ذخيره شد")" />
<menuitem label="باز کردن" onclick="alert("باز شد")" />
<menuitem label="خروج" onclick="alert("خروج")" />
</menu>
در اين مثال، هر <menuitem> يک گزينه قابل کليک در منو است و با جاوااسکريپت عملياتي را اجرا
ميکند.
ويژگيهاي مهم تگ menuitem
| ويژگي | توضيح |
|---|---|
| label | متني که براي آيتم نمايش داده ميشود |
| type | نوع آيتم (command, checkbox, radio) |
| checked | براي آيتمهاي checkbox يا radio وضعيت انتخاب را مشخص ميکند |
| disabled | غيرفعال کردن آيتم منو |
| onclick | اجراي يک عملکرد هنگام کليک روي آيتم |
نکات مهم درباره menuitem
- تگ
<menuitem>بايد داخل<menu>استفاده شود. - در مرورگرهاي مدرن اين تگ کمتر پشتيباني ميشود و بهتر است از دکمهها (
<button>) يا لينکها (<a>) داخل<menu>استفاده شود. - ويژگي
labelمتن آيتم و ويژگيtypeنوع عملکرد آن را مشخص ميکند.
براي يادگيري کامل ساخت منوها و آيتمهاي تعاملي در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ menu در HTML
آموزش بعدي: تگ meta در HTML
دیدگاه و پرسش