웹에서 모달창과 팝업창의 차이점

2020. 1. 12. 14:08HTML/CSS

웹에는 숨겨진 영역이나 별도 공간을 필요한 상황에만 보여주는 다양한 인터페이스 요소가 존재한다. 가장 널리 쓰이는 것들 중 하나가 팝업창 및 모달창이다.

 

팝업창과 모달창의 공통점

특정 역영의 위치에 원하는 사이즈의 별도 레이어를 만들어 방문자에게 원하는 시점에 보여준다는 점이다.

 

팝업창과 모달창의 차이점

팝업창의 경우 웹 시작과 동시에 띄우는 경우가 많지만 모달창의 경우 중간 중간 사용자에게 보여주는 경우가 많다. 

즉, 현재 의도하는 목적과 상관없는 경우에는 주로 팝업창을 표시하고 관련있거나 다음 진행을 위해 필요한 내용에는 모달창을 사용한다는 차이점이 있다. 또 다른 차이는 팝업창은 사용자가 원할 경우 브라우저의 옵션을 통해 열지 않도록 강제할 수 있는 기능이 있다. 그렇기 때문에 반드시 노출해야하는 부분은 모달창을 사용하는 것이 좋을 것이다.

'HTML/CSS' 카테고리의 다른 글

쿼크모드(Quirks mode)와 표준모드(Standard mode)  (0) 2020.01.12
점진적 향상법, 우아한 성능 저하법  (0) 2020.01.12
<strong>&<b>, <em>&<i> 차이점  (0) 2020.01.11
reset.css의 개념  (0) 2020.01.11
UI/UX 정의와 차이점  (0) 2020.01.11