Develop / HTML5 [시멘틱 마크업] details활용 팝업창 웹 개발에서 팝업창은 사용자에게 추가 정보를 제공하거나 상호 작용할 수 있는 기회를 제공합니다. 이러한 팝업창을 마크업할 때 시멘틱한 요소인 <details>와 <summary>를 활용하면 웹 접근성과 사용자 경험을 개선할 수 있습니다. 시멘틱 …
CSS / Develop / HTML5 details 태그의 기본사용법과 주의사항 details 요소 소개 <details> 요소는 HTML5에서 도입된 요소로, 사용자에게 접힘 및 펼침 동작을 제공하여 상세 정보를 표시하고 숨길 수 있는 기능을 제공합니다. 보통 한 개의 <summary> 요소와 한 개 이상의 …