details 엘리먼트의 이점에 대해
272
작성한 질문수 2
<details> 엘리먼트에 대해 질문이 있습니다.
아코디언식 UI부분에 details 엘리먼트를 사용해보려고 합니다. 그래서 div 엘리먼트를 사용해 구현할 때와 비교하여, details 엘리먼트의 이점을 생각해보았습니다.
1. details가 상세정보를 포함하는 영역이며, 내부의 내용이 상세 정보임을 명확하게 나타낸다.
2. summery 부분을 클릭하면 자동으로 상세정보 영역이 토글되므로, 별도로 click event를 설정할 필요가 없다.
이 외에 또 다른 이점이 있을까요?
답변 1
1
안녕하세요. 말씀 주신 이점 외에 추가로 기대해볼만한 이점은 없습니다.
2번 이점에 대해 추가로 공유드리자면, JavaScript로 유저가 제작한 컴포넌트가 아니라 브라우저에서 지원하는 컴포넌트이기 때문에, 별도로 접근성 대응 작업을 하지 않아도 접근성을 지원한다는 이점이 있습니다.
고맙습니다.
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
9
0
장치 의존성과 CSR
0
22
1
순수 함수 / 순수 컴포넌트
0
13
1
css box-sizing 관련 질문
0
27
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
17
1
node.js 설치 (LTS버전)
0
23
1
Cursor & Antigravity 소개 및 설치
0
26
2
뉴스페이퍼 테마 관련
0
32
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
31
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
31
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
26
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
42
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
43
2
input 과 label 의 작성 순서
0
729
1
a 링크의 href 속성
0
863
2
리액트에서 picture 사용법
0
248
0
section 내에서 여러요소를 그룹핑해야 되는 상황에 대해 질문드립니다.
0
514
2
dialog 미지원 브라우저를 위한 fallback 관련 질문입니다
0
522
4
React의 컴포넌트 개발과 시맨틱 구조 작성의 연관성에 대해 궁금한 점이 있어 질문드립니다.
0
290
1
tr 요소 내에 th, td 혼용 관련 질문입니다
0
339
1
시맨틱 구조 관련해서 질문있습니다.
0
267
1
address 요소 설명 중 궁금한 것이 있어서 질문드립니다.
0
407
3
자바스크립트를 이용할 때 button type 지정에 관한 궁금증
1
216
1