HTML에서 리디렉션

Subodh Poudel 2024년2월15일
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로 리디렉션됩니다.

샘플 출력:

페이지는 index.html로 리디렉션됩니다

HTML 페이지를 외부 웹사이트로 리디렉션할 수도 있습니다. content 속성의 url 옵션에 외부 웹사이트 URL을 작성해야 합니다.

아래에 예가 나와 있습니다.

<meta http-equiv="refresh" content="1; url=https://www.upwork.com/" />

위의 HTML 파일을 열면 페이지가 Upwork로 리디렉션됩니다.

샘플 출력:

페이지가 upwork.com으로 리디렉션됩니다

Subodh Poudel avatar Subodh Poudel avatar

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