<dialog>: 대화 상자 요소 - HTML: Hypertext Markup Language | MDN
특성 : open
하위 요소들의 가시성을 나타낸다.
<dialog open>
<p>여러분 안녕하세요!</p>
</dialog>
특성 : close
하위 요소들의 가시성을 없앤다.
특성 : showmodal
css의 backdrop을 활성화해준다.
dialog::backdrop {
background: rgba(107, 114, 128, 0.75);
}
특성 : closemodal
modal 닫기