<details>
여닫기
접었다 펴는 상자입니다. 자바스크립트 없이 동작합니다.
| 쓰는 법 | <details></details> |
|---|---|
| 닫는 태그 | </details> |
| 닫지 않는 태그 | 아님 — 닫아야 합니다 |
| 자주 쓰는 속성 | open, name |
| 갈래 | 여닫기 |
읽는 방법
- 태그는 대개 여는 것과 닫는 것이 짝을 이룹니다. img나 br처럼 내용이 없는 태그만 닫지 않습니다.
- 닫지 않는 태그에 </br>을 붙이면 브라우저가 무시하거나 빈 줄이 하나 더 생깁니다.
- 보이는 모양은 CSS가 정합니다. 태그는 "이것이 무엇인가"를 말하고, 굵게·기울임은 그 결과일 뿐입니다.
- 뜻이 맞는 태그를 고르면 검색과 화면 낭독이 함께 좋아집니다. div로 다 감싸면 그 정보가 사라집니다.
자주 묻는 질문
Q. HTML <details> 태그는 무엇인가요?
접었다 펴는 상자입니다. 자바스크립트 없이 동작합니다.
Q. <details>는 어떻게 쓰나요?
<details></details> 꼴로 씁니다. 여는 <details>와 닫는 </details>가 짝을 이룹니다.
Q. <details>에 자주 쓰는 속성은?
open, name 등을 함께 씁니다.
Q. <details>는 어느 갈래인가요?
여닫기 갈래입니다.