유용한 html 태그

abbr

마우스를 올리면 도움말이 나타남

<abbr title="MZ세대가 늙은이를 점잖게 이르는 말">딸피</abbr>

---

details

드랍다운 효과(누르면 열리고 닫힌다)

<details>
  <summary>Details</summary>
  Something small enough to escape casual notice.
</details>

---

fieldset

아래와 같은 박스 디자인 생성 가능

<fieldset>
  <legend>지는건가요?</legend>
  
  <input type="radio" id="win">
  <label for="win">이겨</label><br>
  
  <input type="radio" id="lose">
  <label for="win">져</label><br>
</fieldset>

---

dialog

팝업을 쉽게 만들 수 있다.

<dialog open>
  <p>현직 여고새의 블로그입니다</p>
  <form method="dialog">
    <button>응</button>
  </form>
</dialog>

---

참고 유튜브