آموزش و يادگيري تگ menu در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <menu> آشنا مي‌شويم. اين تگ براي تعريف فهرست دستورات يا گزينه‌ها در صفحه وب استفاده مي‌شود و معمولاً شامل دکمه‌ها يا لينک‌ها است.

تگ menu در HTML چيست؟

تگ <menu> براي نمايش يک مجموعه از آيتم‌هاي عملياتي يا دستورات کاربرد دارد. اين تگ مي‌تواند شامل دکمه‌ها (<button>)، لينک‌ها (<a>) يا ساير عناصر قابل کليک باشد.

مثال ساده از تگ menu

<menu>
  <button type="button">ذخيره</button>
  <button type="button">لغو</button>
  <a href="help.html">راهنما</a>
</menu>

در اين مثال، تگ <menu> شامل دو دکمه و يک لينک است که به کاربر امکان انجام دستورات مختلف را مي‌دهد.

ويژگي‌هاي مهم تگ menu

ويژگي	توضيح
type	نوع منو (context, toolbar, list)
id / class	اعمال استايل CSS يا شناسه يکتا

مثال با استايل CSS

<style>
  menu {
    display: flex;
    gap: 10px;
    padding: 5px;
  }
  menu button, menu a {
    padding: 8px 12px;
    background-color: #2196f3;
    color: white;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    cursor: pointer;
  }
  menu button:hover, menu a:hover {
    background-color: #1976d2;
  }
</style>

<menu>
  <button type="button">ذخيره</button>
  <button type="button">لغو</button>
  <a href="help.html">راهنما</a>
</menu>