Summarize this content to 400 words in Persian Lang
یک راه مفید و صرفه جویی در فضا برای بازدیدکنندگان برای دسترسی به گزینه های مختلف، منوهای کشویی جزء ضروری طراحی وب هستند. این آموزش کامل اصول منوهای کشویی، اهمیت آنها در طراحی وب و نحوه بهبود قابلیت استفاده و ظاهر آنها را با استفاده از شبه عناصر CSS::before و ::after پوشش می دهد.
آشنایی با منوهای کشوییمنوهای کشویی، که گاهی اوقات به عنوان منوهای کشویی نیز شناخته می شوند، اجزای تعاملی هستند که اغلب در رابط های کاربری دیده می شوند. معمولاً، آنها از یک عنصر والد، مانند یک دکمه یا پیوند، تشکیل شده‌اند که با کلیک کردن، فهرستی از گزینه‌ها نمایان می‌شود. این انتخاب ها ممکن است شامل گزینه های فرم، پیوندهای ناوبری یا سایر اجزای تعاملی باشد.
افزایش کرکره ها با شبه عناصر CSS
خروجی:
در حالی که منوهای کشویی یک ویژگی رایج در طراحی وب هستند، ظاهر و رفتار آنها را می توان با شبه عناصر CSS::after و::before بهبود بخشید. این ابزارهای پیچیده، طراحان را قادر می‌سازد تا منوهای کشویی را بدون به هم ریختن نحو HTML تغییر دهند و به انواع امکانات خلاقانه اجازه دهند. (بیشتر بخوانید)
بیایید مثال 1 را بررسی کنیم: برای اینکه ببینیم چگونه شبه عناصر CSS می توانند برای ایجاد یک منوی کشویی در سطح پایه استفاده شوند:
Document
وارد حالت تمام صفحه شوید
از حالت تمام صفحه خارج شوید
در این مثال، ما یک منوی کشویی سطح پایه داریم.خواندن – منوی کشویی چند سطحی
چرا از منوهای کشویی استفاده کنیم؟منوهای کشویی چندین مزیت را ارائه می دهند که آنها را به یک انتخاب محبوب در طراحی وب تبدیل می کند:
بهره وری فضامنوهای کشویی با پنهان کردن موارد تا زمانی که مورد نیاز باشند، فضای صفحه را ذخیره می‌کنند و برای وب‌سایت‌هایی با فضای محدود یا ساختارهای ناوبری پیچیده عالی هستند.
سلسله مراتب سازمانیطراحان می توانند از منوهای کشویی برای سازماندهی مطالب به صورت سلسله مراتبی استفاده کنند و به بازدیدکنندگان این امکان را می دهند تا دسته ها یا بخش های خاصی را بدون اینکه آنها را با اطلاعات بیش از حد به طور همزمان غرق کنند، جستجو کنند.
کنترل کاربرکاربران می توانند تجربه مرور خود را با منوهای کشویی سفارشی کنند، که باعث صرفه جویی در فضای رابط می شود و در صورت نیاز به آنها امکان دسترسی به گزینه ها و اطلاعات بیشتر را می دهد.
ثباتمنوهای کشویی یک الگوی رابط ثابتی را ارائه می دهند که مصرف کنندگان با آن عادت کرده اند و در نتیجه تجربه کاربری بصری تر و قابل پیش بینی تر در چندین وب سایت و برنامه ایجاد می شود.
یک راه مفید و صرفه جویی در فضا برای بازدیدکنندگان برای دسترسی به گزینه های مختلف، منوهای کشویی جزء ضروری طراحی وب هستند. این آموزش کامل اصول منوهای کشویی، اهمیت آنها در طراحی وب و نحوه بهبود قابلیت استفاده و ظاهر آنها را با استفاده از شبه عناصر CSS::before و ::after پوشش می دهد.
آشنایی با منوهای کشویی
منوهای کشویی، که گاهی اوقات به عنوان منوهای کشویی نیز شناخته می شوند، اجزای تعاملی هستند که اغلب در رابط های کاربری دیده می شوند. معمولاً، آنها از یک عنصر والد، مانند یک دکمه یا پیوند، تشکیل شده‌اند که با کلیک کردن، فهرستی از گزینه‌ها نمایان می‌شود. این انتخاب ها ممکن است شامل گزینه های فرم، پیوندهای ناوبری یا سایر اجزای تعاملی باشد.
افزایش کرکره ها با شبه عناصر CSS
خروجی:
در حالی که منوهای کشویی یک ویژگی رایج در طراحی وب هستند، ظاهر و رفتار آنها را می توان با شبه عناصر CSS::after و::before بهبود بخشید. این ابزارهای پیچیده، طراحان را قادر می‌سازد تا منوهای کشویی را بدون به هم ریختن نحو HTML تغییر دهند و به انواع امکانات خلاقانه اجازه دهند. (بیشتر بخوانید)
بیایید مثال 1 را بررسی کنیم: برای اینکه ببینیم چگونه شبه عناصر CSS می توانند برای ایجاد یک منوی کشویی در سطح پایه استفاده شوند:
Document
در این مثال، ما یک منوی کشویی سطح پایه داریم.
خواندن – منوی کشویی چند سطحی
چرا از منوهای کشویی استفاده کنیم؟
منوهای کشویی چندین مزیت را ارائه می دهند که آنها را به یک انتخاب محبوب در طراحی وب تبدیل می کند:
بهره وری فضا
منوهای کشویی با پنهان کردن موارد تا زمانی که مورد نیاز باشند، فضای صفحه را ذخیره می‌کنند و برای وب‌سایت‌هایی با فضای محدود یا ساختارهای ناوبری پیچیده عالی هستند.
سلسله مراتب سازمانی
طراحان می توانند از منوهای کشویی برای سازماندهی مطالب به صورت سلسله مراتبی استفاده کنند و به بازدیدکنندگان این امکان را می دهند تا دسته ها یا بخش های خاصی را بدون اینکه آنها را با اطلاعات بیش از حد به طور همزمان غرق کنند، جستجو کنند.
کنترل کاربر
کاربران می توانند تجربه مرور خود را با منوهای کشویی سفارشی کنند، که باعث صرفه جویی در فضای رابط می شود و در صورت نیاز به آنها امکان دسترسی به گزینه ها و اطلاعات بیشتر را می دهد.
ثبات
منوهای کشویی یک الگوی رابط ثابتی را ارائه می دهند که مصرف کنندگان با آن عادت کرده اند و در نتیجه تجربه کاربری بصری تر و قابل پیش بینی تر در چندین وب سایت و برنامه ایجاد می شود.
