Computer >> 컴퓨터 >  >> 프로그래밍 >> HTML

웹 페이지를 다른 URL로 자동 리디렉션하는 방법 완벽 가이드

페이지 리디렉션이란?

페이지 리디렉션(Page Redirection)은 사용자가 특정 URL을 클릭하여 X 페이지에 접속하려 했지만, 실제로는 내부적으로 다른 Y 페이지로 이동되는 상황을 말합니다. 이러한 동작은 페이지 리디렉션 설정 덕분에 가능합니다.

HTML 메타 태그를 활용한 리디렉션

HTML 페이지에서 다른 URL로 리디렉션하려면 META 태그를 사용하면 됩니다. 이때 http-equiv 속성을 사용하여 content 속성 값에 대한 HTTP 헤더를 제공합니다.

content 속성의 값은 리디렉션이 실행되기까지 대기할 초 단위 시간을 의미합니다. 예를 들어 3으로 설정하면 3초 후에 지정된 URL로 이동합니다.

만약 페이지가 즉시 새로운 URL로 이동하기를 원한다면, content 속성 값을 0으로 설정하면 됩니다.

예제 코드

다음은 현재 페이지에서 3초 후에 다른 웹사이트로 자동 이동시키는 예제입니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Meta Tag</title>
      <meta http-equiv = "refresh" content = "3; url = https://www.qries.com" />
   </head>
   <body>
      <p>Redirecting to another URL</p>
   </body>
</html>

핵심 정리

  • <meta http-equiv="refresh"> 태그를 HTML 문서의 <head> 영역에 작성합니다.
  • content 속성에는 '대기 시간(초); url=이동할 주소' 형식으로 값을 지정합니다.
  • 즉시 이동을 원하면 대기 시간을 0으로 설정합니다.

이처럼 메타 태그 한 줄만 추가하면 별도의 서버 설정이나 JavaScript 없이도 간편하게 페이지 리디렉션을 구현할 수 있습니다.