آموزش تگ menu در HTML

آموزش تگ 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 پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…
نکات و توضیحات
- بهترین راه طراحی منو این است که چه برای ایجاد لیست های مرتب و چه نامرتب فقط از تگ های ol و ul استفاده کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید