반응형

Markdown에서 클릭으로 내용을 숨기고 나타내기

Markdown에서 내용을 숨겨뒀다가 버튼을 누르면 보이게 하려면 <details><summary> 태그를 사용할 수 있습니다.

아래는 사용 방법입니다.

사용 예제

<details>
<summary>여기를 클릭하여 내용을 확인하세요</summary>

여기에 숨겨진 내용이 나타납니다.  
필요한 내용을 추가로 작성할 수 있습니다.

- 리스트 항목 1
- 리스트 항목 2
- 코드 블록도 사용 가능합니다.

</details>

동작 원리

  • <details>: 숨김 기능을 제공하는 컨테이너 태그입니다.

  • <summary>: 버튼처럼 보이며 클릭하면 숨겨진 내용이 나타납니다.

  • 이렇게 작성하면 GitHub에서 렌더링될 때 버튼처럼 보이는 부분을 클릭하면 내용을 확인할 수 있습니다.

728x90
반응형

+ Recent posts