웹 트래픽을 새 사이트로 리디렉션해야 하는 경우가 있습니다. 일반적으로 백엔드를 통해 리디렉션을 수행하는 방법은 여러 가지가 있지만 이 기사에서는 HTML에서 클라이언트 측 리디렉션을 사용하여 수행하는 방법을 다룹니다.
이 리디렉션은 메타 태그의 HTML 문서 헤드에서 발생합니다. 이 리디렉션의 구문은 브라우저가 새 웹 페이지로 리디렉션되기 전에 지연할 수 있는 기능을 제공합니다.
이 리디렉션의 구문은 다음과 같습니다.
<head>
<meta http-equiv="refresh" content="<num seconds>; url=<site to redirect to>">
</head>
http-equiv 속성은 기본적으로 새로 고침이 발생할 수 있는 HTTP 응답 헤더를 시뮬레이트합니다. 콘텐츠 속성은 페이지가 리디렉션되기 전에 사용자에게 메시지를 보내려는 경우 새로 고침을 지연하는 시간(초)으로 구성됩니다(즉, 사이트가 영구적으로 이동하고 사이트가 일시적으로 다운되어 다른 버전의 사이트로 이동).
시간은 초 단위로 측정되지만 웹 개발 세계의 많은 것들은 밀리초 단위로 측정된다는 것을 기억하십시오. 이 리디렉션 시간으로 1,000을 입력하면 페이지가 실제로 리디렉션되기 전에 귀하 또는 귀하의 클라이언트가 오랜 시간 동안 기다려야 합니다.
content 속성의 두 번째 절반은 연결될 URL입니다. 이 모든 것은 HTML 페이지의 헤드에서 발생합니다.
실제 HTML 문서에서는 다음과 같이 표시됩니다.
html>
<head>
<head> <meta http-equiv="refresh" content="1; url=https://www.careerkarma.com/blog/html"> </head>
<style>
body {
font-family: 'Roboto';
margin: 20px;
}
p {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
You are being redirect to <a rel="noreferrer noopener" href="https://careerkarma.com/blog/html">https://www.careerkarma.com/blog/html.</a> Please click this link if not redirected in five seconds
</body>
</html> 백엔드를 사용하여 리디렉션을 수행할 수 없는 경우 이 옵션을 반드시 고려하십시오!
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.