새우의 세상사

'자동'에 해당되는 글 1건

  1. 2008.06.03 [펌] 페이지 자동 이동 시키기

[펌] 페이지 자동 이동 시키기


[펌] 페이지 자동 이동 시키기

웹 페이지를 작성할 때 이래저래 쓸모 있게 사용되는 태그가 있습니다. 바로 <META>태그입니다. <META>태그는 문서의 헤더부분에 들어가며, 브라우저와 서버사이에 서로 교환되는 웹 페이지 정보를 정의하는 역할을 합니다. 즉, 웹 페이지를 추적할 수 있는 검색어나 작성자, 문서의 속성, 사용된 언어, 전송 데이터 형식 등의 정보를 적어줍니다. 그러므로 반드시 적어주어야 할 태그는 아니지만, 잘 이용하면 재미있는 효과를 연출할 수 있습니다.

먼저, <META>태그가 어떤 형식으로 쓰여지는지 볼까요?

<META Http-equiv="" Content="" Name="">

Http-equiv : 브라우저나 서버에 명령을 내리는 속성으로 어떤 정보를 정의할 것 인가를 적어줍니다.
- Http-equiv=" Keyword" - 알타비스타와 같은 검색 로봇에 웹 페이지의 검색어를 정의합니다.
- Http-equiv=" Reply-To" - 웹 페이지의 제작자의 이름과 이메일 주소 정보를 정의합니다.
- Http-equiv=" Content-Language" - HTML 문서의 속성과 사용 언어 등을 정의합니다.
- Http-equiv=" Expires" - 웹 페이지의 유효기간을 정의합니다.
- Http-equiv=" Refresh" - 지정한 시간이 지나면 자동으로 다른 웹페이지를 로드하거나 파일을 재생합니다.

Content : Http-equiv혹은 Name에서 지정한 항목에 대한 값을 적어줍니다.

Name : Meta태그에서 정의할 정보의 이름을 정합니다.

자, 위에서 말씀 드린 여러 가지 Meta정보 중에서 우리가 필요한 것은 "Refresh"입니다.
다음은 "Refresh"를 이용하여 자동으로 다른 페이지가 로딩되는 예제입니다. 즉, 아래의 페이지가 실행된 후 3초가 지나면 자동으로 "move.htm"이란 웹 페이지가 로딩됩니다.

<HEAD>
<Meta http-equiv="Refresh" content="3;URL=move.htm">
</HEAD>
Posted by 새우날다 Trackback 0 Comment 0

댓글을 달아 주세요