[Github] 글 접고 펼치기 (details태그)

thumbnail

이번에는 Github에서 마크 다운 문법으로 글 접고 펼치는 방법을 정리해보려고 합니다.

글 접고 펼치기란? 

---

깃 README.md(리드미)에서 화살표 모양을 클릭하면 글이 펼쳐지고, 다시 클릭하면 글이 접히는 것을 본 적이 있을 것입니다.

사진 1을 보면 무엇을 말하는지 쉽게 이해할 수 있을 것입니다.

사진 1. 예시

글 접고 펼치는 방법은?

---

글을 접고 펼치려면 우리는 <details> 태그를 사용하면 됩니다. details 태그는 HTML5에서부터 추가되었고, 마크다운에서 글 접기/펼치기를 가능하도록 합니다. details 코드를 직접 사용하면서 배워보도록 합시다.

Details 코드 사용 방법

---

코드 

## 접기 시작 

<details>
  <summary>접기 / 펼치기</summary> 
  
  여기에 내용을 입력해주세요.
  </details> 
    
## 접기 끝

결과물

이렇게 저희는 접기/펼치기를 쉽게 사용할 수 있습니다.