تگ menu در HTML

در این مقاله با تگ menu در HTML آشنا شوید.

نکات اصلی تگ menu در HTML

• تگ منو در HTML4 منسوخ شده و مجدداً در HTML5 معرفی شده است.
• در حال حاضر در مرحله آزمایشی است: برخی از ویژگی ها منسوخ شده اند و برخی دیگر هنوز معرفی نشده اند.
• هدف از تگ منوی HTML تعریف گروه های فرمان (منوها) است.
• این ویژگی جهانی را پشتیبانی می کند و دارای دو ویژگی خاص تگ است.

ایجاد منوهای HTML

تگ منوی HTML5 منوی دستورات را تعریف می کند:

<menu type="context" id="menu">
  <menu label="Check on"> 
    <menuitem label="These courses are empowered by Gaming" icon="https://cdn.bitdegree.org/banners/doggos-bg.png" onclick="window.open('https://www.bitdegree.org/tag/gamified' + window.location.href);"></menuitem>
    <menuitem label="This is a place to go!" icon="https://cdn.bitdegree.org/logos/1000x600_horizontal_plain_blue_bg.png?raw=true" onclick="window.open('https://www.bitdegree.org/' + window.location.href);"></menuitem>
  </menu>
</menu>

اگرچه به نظر می رسد شبیه لیستی غیر مرتب باشد ، اما تگ منو برای تعریف موارد تعاملی برای دسترسی و نه مشاهده ساده کاربران است.

می توانید دو نوع منو در HTML ایجاد کنید:

• منوهای زمینه از طریق عنصر دیگری با کلیک راست روی آن فعال می شوند
• منوهای نوار ابزار لیست مجموعه ای از دستورات

هشدار: ویژگی منوهای زمینه منسوخ شده است و منوهای نوار ابزار هنوز اجرا نشده اند.

ویژگی های تگ menu

هنگام ایجاد یک منو در HTML ، می توانید از دو ویژگی خاص تگ استفاده کنید: نوع و تگ.

type مشخص می کند که کدام نوع از منوی HTML باید نمایش داده شود. این می تواند یکی از دو مقدار را داشته باشد – زمینه یا نوار ابزار:

<menu type="context" id="menu">

label یک تگ قابل شناسایی برای یک منوی HTML5 تعریف می کند و به کاربران اجازه می دهد تا به زیر منوها دسترسی داشته باشند:

<menu label="Check on"> 
    <menuitem label="These courses are empowered by Gaming" icon="https://cdn.bitdegree.org/banners/doggos-bg.png" onclick="window.open('https://www.bitdegree.org/tag/gamified' + window.location.href);"></menuitem>

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.