آموزش تگ menu در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ menu در HTML با من همراه باشید.

آموزش تگ menu در HTML

Free-Learn

تگ menu در HTML

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

این تگ در HTML4 منسوخ شده بود ولی در HTML5 دوباره تعریف شده و میتوان از آن فقط برای ایجاد یک Context Menu یا منوی زمینه استفاده کرد.

برای ایجاد یک لیست اصلا از این تگ استفاده نکنید، برای ایجاد یک لیست مرتب از تگ ol و برای ایجاد لیست نامرتب از تگ ul استفاده نمایید .

این تگ فقط بروی مرورگر موزیلا فایرفاکس اجرا می شود.

Free-Learn

مثال از تگ menu در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

مثال شماره ۱ : ایجاد یک لیست از آیتم ها – استفاده شده از CSS برای سفارشی کردن

امتحان کنید

مثال شماره ۲ : ساخت یک منوی زمینه ( نمایش آیتم های منو در هنگام کلیک راست کردن بروی منو )

امتحان کنید

Free-Learn

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

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

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی خیر بله از نسخه ۸ به بالا خیر خیر خیر

Free-Learn

جدول صفات تگ menu در HTML

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

نام صفت مقدار توضیح
label Text تنظیم یک لیبل یا عنوان جهت نمایش در  منو
type popup
toolbar
context
نوع منو را مشخص میکند

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ menu از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

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

این تگ در HTML4 منسوخ شده می باشد ولی در HTML5 دوباره تعریف شده و میتوان با استفاده از آن یک منوی کلیک راستی را ایجاد کرد.

در همین رابطه پیشنهاد میکنم آموزش صفت عمومی contextmenu را مشاهده نمایید.

Free-Learn

دریافت PDF یا پرینت این مطلب