تگ menu در HTML
مثال (تگ menu در HTML)
یک منو با زمینه های مختلف عنصر <menuitem> :
<menu type="context" id="mymenu">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
خودتان امتحان کنید »
تعریف و کاربرد تگ menu در HTML
تگ <menu> یک لیست یا منو از دستورات تعریف می کند.
تگ <menu> برای منوهای زمینه ای، نوار ابزار و برای لیست کنترل های فرم و دستورات استفاده می شود.
پشتیبانی مرورگرها از تگ menu در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
| عنصر | |||||
|---|---|---|---|---|---|
| <menu> | پشتیبانی نمی شود | پشتیبانی نمی شود | 8.0 (only context menus) |
پشتیبانی نمی شود | پشتیبانی نمی شود |
نکته ها و ترفندها
نکته: برای استایل دادن به منو از CSS استفاده می کنیم.
تفاوت بین HTML 4.01 و HTML5
عنصر <menu> در HTML 4.01 توصیه نمی شود.
عنصر <menu> در HTML5 دوباره تعریف شده است.
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| label | text | یک label (برپسب) قابل رؤیت برای منو مشخص می کند. |
| type | popup toolbar context |
مشخص می کند که چه نوع منویی نمایش داده شود. |
ویژگی های عمومی تگ menu در HTML
تگ <menu> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ menu در HTML
تگ <menu> از رویدادهای عمومی در HTML پشتیبانی می کند.
- نوشته شده توسط سمیه فخری
- بازدید: 12777
