페이지 리디렉션이란, 사용자가 특정 URL을 클릭하여 X라는 페이지에 접속하려고 했지만, 내부적으로는 Y라는 다른 페이지로 이동되는 상황을 말합니다. 이러한 동작은 페이지 리디렉션 기능을 통해 이루어집니다.
META 태그를 이용한 리디렉션
HTML 페이지에서 다른 페이지로 리디렉션하려면 META 태그를 사용합니다. 이때 http-equiv 속성을 활용하여 content 속성 값에 대한 HTTP 헤더 정보를 제공할 수 있습니다.
content 속성의 값은 페이지가 리디렉션되기까지 대기할 초 단위 시간을 의미합니다. 예를 들어 5로 설정하면 5초 후에 지정된 페이지로 이동합니다.
만약 페이지가 로드되는 즉시 바로 리디렉션되기를 원한다면, content 속성 값을 0으로 설정하면 됩니다.
예제 코드
다음은 현재 페이지를 0초 후에 다른 페이지로 리디렉션하는 예제입니다.
<!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로 이동하라는 의미입니다. 즉시 이동을 원하면 0으로 설정하세요.
이처럼 META 태그 하나만으로 별도의 JavaScript나 서버 설정 없이도 간단하게 페이지 리디렉션을 구현할 수 있습니다.