HTML — منو (menu)

آخرین بروزرسانی: 1404/08/07

قبلی: نشانه گذاری (mark) بعدی: فراداده (meta)

منو (menu)

تگ «منو (Menu)» یک فهرست نامرتب می سازد. یعنی مثل لیست خریدت، اما با نقطه های بولت. این تگ خیلی شبیه <ul> است و مرورگرها آن ها را یکسان نشان می دهند.

تعریف و کاربرد منو (menu)

طبق منبع، تگ <menu> یک فهرست نامرتب از محتواست. برای ساخت آیتم ها باید از تگ li استفاده کنی.

مثال سریع

&lt;menu&gt;
  &lt;li&gt;Coffee&lt;/li&gt;
  &lt;li&gt;Tea&lt;/li&gt;
  &lt;li&gt;Milk&lt;/li&gt;
&lt;/menu&gt;

مشاهده در ادیتور

نمای پیش فرض در CSS

مرورگرها معمولاً <menu> را بلوکی و با بولت نمایش می دهند. همچنین حاشیه ها و پدینگ پیش فرض دارد.

menu {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

مشاهده در ادیتور

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

طبق جدول منبع، این تگ در مرورگرهای اصلی پشتیبانی می شود.

گام های تمرینی

یک <menu> بساز.
چند <li> داخلش بگذار.
نمای پیش فرض را در ادیتور تست کن.

نکته: اگر ul را بلدی، با منو هم راحتی؛ نمایش شان مشابه است.

جمع بندی سریع

<menu> شبیه <ul> است.
آیتم ها با <li> ساخته می شوند.
نمای پیش فرض: بولت و بلوکی.
در مرورگرهای اصلی پشتیبانی می شود.