HTML에서 리디렉션
이 기사에서는 HTML에서 자동 리디렉션을 수행하는 방법을 배웁니다.
http-equiv를 사용하여 HTML에서 페이지를 다른 페이지로 자동 리디렉션
HTML에서 meta 태그를 사용하여 HTML 문서에 대한 여러 메타데이터를 지정하고 HTML 문서에서 이 다양한 정보를 설정하기 위해 많은 속성을 제공합니다. http-equiv라는 속성은 HTML 페이지를 자동으로 새로 고칩니다.
http-equiv 속성은 content 속성 값에 대한 HTTP 헤더를 지정합니다. 페이지를 새로 고치기 위해 meta 태그에서 content 속성과 http-equiv 속성을 사용할 수 있습니다.
예를 들어 test.html이라는 HTML 파일을 만듭니다. 그런 다음 meta-equiv 속성을 사용하여 HTML의 head 태그 안에 meta 태그를 작성합니다.
속성을 refresh로 설정한 다음 content 속성을 작성하고 1 값을 지정합니다. content 속성에서 따옴표를 닫지 않고 url 옵션을 작성하고 해당 값을 ./index.html로 설정합니다.
마지막으로 프로젝트의 루트 디렉토리에 index.html 파일을 만들고 body 섹션에 텍스트를 작성합니다.
예제 코드:
test.html:
<head>
<meta http-equiv="refresh" content="1; url=./index.html" />
</head>
<body>
<p> This is test.html</p>
</body>
index.html:
<body>
this is index.html
</body>
test.html 파일을 열면 페이지가 index.html로 리디렉션됩니다.
샘플 출력:
HTML 페이지를 외부 웹사이트로 리디렉션할 수도 있습니다. content 속성의 url 옵션에 외부 웹사이트 URL을 작성해야 합니다.
아래에 예가 나와 있습니다.
<meta http-equiv="refresh" content="1; url=https://www.upwork.com/" />
위의 HTML 파일을 열면 페이지가 Upwork로 리디렉션됩니다.
샘플 출력:
Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.
LinkedIn