웹 서핑을 하다보면 대문 페이지가 있고, 몇 초후 사이트로 이동됩니다... 라는 문구를 본 적이 있을 것이다. 바로 이러한 기능을 해주는 태그를 알아보자
자바스크립트를 이용해 몇 초후 페이지 이동을 하는 것도 종종쓰이지만 HTML의 메타태그를 이용해서도 간편히 페이지 이동을 할 수 있다.
메타태그는 대체로 홈페이지에 대한 기술(상세한 정보 및 키워드등)을 위해 쓰이지만 그 외에도 리프레쉬라는 기능이 있다. 특정 시간 후 리프레쉬(새로 고침) 되는 이 기능은 단순히 새로고침만 되는 것이 아니라 주소를 지정할 수 있기 때문에 페이지 이동이 가능한 것이다.
메타 태그는 <head></head> 사이에 와야 한다.
적어도 body안에 들어가서는 안된다.
사용 예는 다음과 같다.
<meta http-equiv="refresh" content="대기 시간; URL=주소">
<meta http-equiv="refresh" content="5; URL=newpark210.cafe24.com">
(5 초후 페이지 이동)
이렇게 메타 태그를 이용한 페이지 이동을 알아보았다. 이 외에도 자바스크립트를 이용한 페이지 이동방법도 있다. 하지만 HTML을 배우는 이상 HTML이 제공하는 무기를 가지고 구현해보아야 HTML을 배웠다고 할 수 있지 않을까? 경우에 따라 이 메타소스가 더 짧기도 하다.
그럼 다음 강좌에서 보자!