Inflearn Community Q&A
asked
details 엘리먼트의 이점에 대해
Written on
·
244
0
<details> 엘리먼트에 대해 질문이 있습니다.
아코디언식 UI부분에 details 엘리먼트를 사용해보려고 합니다. 그래서 div 엘리먼트를 사용해 구현할 때와 비교하여, details 엘리먼트의 이점을 생각해보았습니다.
1. details가 상세정보를 포함하는 영역이며, 내부의 내용이 상세 정보임을 명확하게 나타낸다.
2. summery 부분을 클릭하면 자동으로 상세정보 영역이 토글되므로, 별도로 click event를 설정할 필요가 없다.
이 외에 또 다른 이점이 있을까요?
HTML/CSS
Answer 1
1
choeun
Instructor
안녕하세요. 말씀 주신 이점 외에 추가로 기대해볼만한 이점은 없습니다.
2번 이점에 대해 추가로 공유드리자면, JavaScript로 유저가 제작한 컴포넌트가 아니라 브라우저에서 지원하는 컴포넌트이기 때문에, 별도로 접근성 대응 작업을 하지 않아도 접근성을 지원한다는 이점이 있습니다.
고맙습니다.