인터페이스 핵심 C · 업계 관례 플랫폼: 웹

Dropdown Menu

드롭다운 메뉴

드롭다운 메뉴는 버튼에서 열리고 버튼 옆에 유지되는 단기 명령 메뉴입니다. 일반적인 시맨틱 패턴은 메뉴 버튼과 메뉴를 함께 사용하는 것입니다.

당신은 이것을 이렇게 부를 수 있습니다 Dropdown Menu드롭다운 메뉴

예제를 시도해 보세요

실제 예시

작업 버튼은 PDF 내보내기, 복제 및 이동 명령을 열고 메뉴가 열려 있는지 여부를 표시합니다. Escape 키를 누르면 메뉴가 닫히고 포커스가 버튼으로 돌아갑니다. 하나의 양식 값을 선택하는 선택기는 드롭다운 메뉴가 아닙니다.

주요 부분

  1. 01앵커 버튼
  2. 02확장된 상태
  3. 03명령 메뉴

사용할 때

메뉴-버튼 패턴으로 이름을 지정한 후 버튼에 고정된 명령 목록에 이 용어를 사용하십시오.

다음 경우에는 사용하지 마세요

dropdown을 select, 콤보 박스, disclosure, 팝오버 또는 툴팁의 일반적 이름으로 사용하지 마세요.

코드에서 사용된 이름

button[aria-haspopup=menu] → role=menu

출시하기 전에

Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states.

복사 가능한 요청

Outcome:Complete the task with 드롭다운 메뉴 (Dropdown Menu)。 User context:작업 버튼은 PDF 내보내기, 복제 및 이동 명령을 열고 메뉴가 열려 있는지 여부를 표시합니다. Escape 키를 누르면 메뉴가 닫히고 포커스가 버튼으로 돌아갑니다. 하나의 양식 값을 선택하는 선택기는 드롭다운 메뉴가 아닙니다. Recommended pattern:드롭다운 메뉴 (Dropdown Menu)。 Why it fits:메뉴-버튼 패턴으로 이름을 지정한 후 버튼에 고정된 명령 목록에 이 용어를 사용하십시오. Do not use it when:dropdown을 select, 콤보 박스, disclosure, 팝오버 또는 툴팁의 일반적 이름으로 사용하지 마세요. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary):하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.

이 요청을 확인하세요

Review how 드롭다운 메뉴 (Dropdown Menu) is used now. Definition: 드롭다운 메뉴는 버튼에서 열리고 버튼 옆에 유지되는 단기 명령 메뉴입니다. 일반적인 시맨틱 패턴은 메뉴 버튼과 메뉴를 함께 사용하는 것입니다. Release checks: Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

C
이 용어는 얼마나 공식적인가요?

업계 관례

사람들은 직장에서 이 용어를 자주 사용합니다. 나열된 출처는 실습이나 제한을 지원할 수 있습니다. 모든 부분의 정의를 제공하지는 않습니다.

하나의 공식 표준이 전체 용어를 통제하지 않음. 의미는 팀, 플랫폼 또는 프레임워크마다 달라질 수 있음.

범위
소스가 포함하는 것만:정규 이름、정의、상호작용、키보드 동작、접근성
문서 상태
안정적인
선택됨
2026-07-30

증거 출처 및 범위

권위 있는 출처 + 용어 참조 · W3C WAI · 안정적인 Menu Button Pattern 범위: 정규 이름、정의、상호작용、키보드 동작、접근성 여기 역할: 직접 용어 참조 출처 범위: 정규 이름, 정의, 상호작용, 키보드 동작, 접근성

직접 복사

브라우저가 이것을 복사할 수 없습니다. 아래 요청을 선택하고 직접 복사하세요.