페이지 리디렉션이란?
페이지 리디렉션(Page Redirection)은 사용자가 특정 URL을 클릭하여 X 페이지에 접속하려 했지만, 실제로는 내부적으로 다른 Y 페이지로 이동되는 상황을 말합니다. 웹사이트 주소 변경, 도메인 이전, 또는 특정 조건에 따른 이동 등 다양한 상황에서 활용됩니다.
META 태그를 사용한 리디렉션 방법
HTML 페이지에서 다른 페이지로 리디렉션하려면 <meta> 태그를 사용하면 됩니다. 이때 http-equiv 속성을 활용해 content 속성 값에 대한 HTTP 헤더를 지정합니다.
content 속성의 값은 초 단위 숫자이며, 이는 몇 초 후에 페이지가 리디렉션될지를 의미합니다. 예를 들어 값을 2로 설정하면 2초 후에 지정된 URL로 이동합니다.
- 즉시 이동시키고 싶다면
content값을 0으로 설정하세요. - 잠시 안내 메시지를 보여준 후 이동시키려면 원하는 초 단위 값을 입력하면 됩니다.
예제: 2초 후 자동 리디렉션
다음은 현재 페이지를 2초 후에 다른 페이지로 자동 이동시키는 예제 코드입니다.
<!DOCTYPE html> <html> <head> <title>HTML Meta Tag</title> <meta http-equiv = "refresh" content = "2; url = https://www.tutorialspoint.com" /> </head> <body> <p>Hello HTML5!</p> </body> </html>
코드 설명
http-equiv="refresh": 브라우저에게 페이지를 새로 고침(리디렉션)하도록 지시합니다.content="2; url=...": 2초 후에 url에 지정된 주소로 이동하라는 의미입니다.
이처럼 간단한 메타 태그 한 줄만 추가하면 별도의 JavaScript나 서버 설정 없이도 방문자를 새 홈페이지로 자동 연결할 수 있습니다.