반응형
웹사이트에 유튜브 링크를 걸었는데 전체 화면이 불가한 현상이 있었다.
이유는 고정포워딩 때문이었다.
지금의 html5 환경에서는 <FRAMESET> <FRAME> 태그 사용이 불가능하지만
과거에 구축된 많은 사이트는 상단 메뉴와 사이드 메뉴를 구성하기 위해 프레임 태그를 많이 사용했다.
그리고 고정포워딩의 측면으로 사용을 하기도 했다.
아래와 같이 index.html 을 구성하면 내부 페이지들이 프레임으로 감싸져 페이지 이동이 일어나므로
사용자는 브라우저 주소창에 표시되는 상세 주소를 볼 수 없는 효과가 나온다.
오직 도메인 주소만 나오기 때문에 고정포워딩이라고 한다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<FRAMESET rows=100%,*>
<FRAME src="/index.do">
</FRAMESET>
</HTML>위 경우 유튜브 전체 화면을 이용하지 못한다.
유튜브 전체 화면을 사용하려면 고정포워딩 방식을 제거하고 유동포워딩으로 변경해야 한다.
<META http-equiv="Refresh" content="0; URL=/index.do">
프레임 방식이 아닌 html 리다이렉트 또는 자바스크립트 리다이렉트를 이용해서 페이지를 이동시키면 자연스럽게 유동포워딩이 된다.
https://youngmap.tistory.com/163
Web URL 리다이렉트 (Redirect) 2가지 구현 방법 [meta / Javascript]
리다이렉트 (Redirect)란 쉽게 말해 다른 페이지로 향하게 하는 것을 말한다. 특정 상황에서 로그인 페이지로 이동하거나 index.html에서 다른 페이지로 이동하는 등의 다양한 상황에서 사용된다. 메
youngmap.tistory.com
반응형
'IT 이야기 > 웹' 카테고리의 다른 글
| 브라우저 캐시 방지 방법(예전 정적리소스가 호출되는 문제 해결) (0) | 2022.09.02 |
|---|---|
| [Git] Pull 충돌 해결하는 세상에서 가장 쉬운 방법 (0) | 2022.06.13 |
| Web URL 리다이렉트 (Redirect) 2가지 구현 방법 [meta / Javascript] (0) | 2021.12.29 |
| jQuery 테이블 머지(셀병합) 정확하게 하는 방법 완벽정리 (0) | 2021.12.28 |
| 웹 브라우저에서 SSL 인증서 만료일 확인하는 방법 (0) | 2021.10.15 |
