자주 묻는 질문
아래 질문을 열어 HTML 기본 요소만으로 FAQ가 어떻게 접히고 펼쳐지는지 확인해 보세요.
FAQ
HTML만으로 FAQ를 접고 펼칠 수 있나요?
네. 기본 접힘과 펼침은 details와 summary 요소로 구현할 수 있습니다.
summary는 어디에 써야 하나요?
summary는 details의 첫 번째 자식으로 두어야 하며, 접힘 영역의 제목 역할을 합니다.
처음부터 열어 둘 수도 있나요?
네. 처음부터 펼친 상태가 필요하면 details에 open 속성을 추가할 수 있습니다.
| 확인 항목 | 확인 방법 | 체크 |
|---|---|---|
| 질문 3개 | FAQ 영역에 details 항목이 3개 있는지 확인합니다. | □ |
| 접힘과 펼침 | 각 summary를 눌러 답변이 열리고 닫히는지 확인합니다. | □ |
| 키보드 포커스 | 키보드로 summary에 이동했을 때 테두리가 보이는지 확인합니다. | □ |