آموزش تگ menu در HTML

6 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ menu در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ menu در HTML به صورت کامل آشنا بشید.

تگ menu در HTML

تگ menu یکی از تگ هایی است که در 99 درصد استفاده میشود. به واسطه این تگ میتوانم یک منوی زمینه ای را ایجاد کنیم. همچنین با استفاده از تگ menuitem که میشود گفت این تگ، مکمل تگ منو است و کاربرد تگ منو آیتم این است که میتوانیم توسط آن آیتم های منو را ایجاد کنیم.

مرورگر ها را بصورت کامل تگ menu را پشتیبانی میکنند اما تگ menuitem در هیچ یک از مرورگرهای اینترنتی پشتیبانی نمیشود و میشود گفت که کاملا منسوخ شده است و به هیچ وجه نباید از آن استفاده کنید.

به هیچ عنوان برای ایجاد یک لیست از منو آیتم ها استفاده نکنید. بهترین روش این است که برای لیست های مرتب از تگ ol و برای ایجاد لیست نامرتب از تگ ul استفاده نمایید و بهترین صفحه را ایجاد کنیم.

دو تا مثال برای تگ menu در HTML

در ادامه دوره آموزشی HTML CSS پروژه محور به مشاهده چند تا از مثال های تگ menu میپردازیم با ما همراه باشید.

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

اولین مثال : ایجاد یک لیست از آیتم ها با استفاده از تگ menu برای ایجاد لیست اصلی و از تگ li برای ایجاد آیتم های لیست استفاده میشود.اما پیشنهاد ما این است که شما از این روش استفاده نفرمایی. چه برای لیست های مربت و چه برای لیست های نا مرتب بهتر است فقط از تگ های ol و ul استفاده کنید.

<body>
<menu>
   <li>Milad</li>
   <li>Sasan</li>
   <li>Ali</li>
   <li>Kamran</li>
</menu>
</body>

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

مثال دوم: ساخت یک منوی زمینه ای که وقتی کلیک راست فشار داده میشود منو نمایش داده شود اما مناسفانه در هیچ یک از مرورگرها حال حاضر پشتیبانی نمیسشود

<body>
  <menu type="context">
     <menuitem label="عنوان آیتم منو"></menuitem>
     <menuitem label="عنوان آیتم منو"></menuitem>
     <menuitem label="عنوان آیتم منو"></menuitem>
  </menu>
</body>

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

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ menu در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…

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

نکات و توضیحات

  • بهترین راه طراحی منو این است که چه برای ایجاد لیست های مرتب و چه نامرتب فقط از تگ های ol و ul استفاده کنید.
برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید