[Html] 일정시간 후 다른페이지로 보내기 (메타태그 활용)

혹시 웹사이트를 이용하시다가 몇 초 후 다른페이지로 보내지는 기능을 보신 경험이 있으신가요? 이것은 바로 매타태그를 활용하여 자동으로 다른페이지로 전환되게끔 구현한 것입니다. HTML을 하시는 분이라면 <Meta?> 로 시작하는 태그를 보신 적이 있으실 겁니다. 이것은 메타태그라는 것인데 메타태그란 HTML 태그중의 하나이며 MetaData(정보에 대한 정보를) 제공하는 역할을 합니다. 이 기능을 응용하면 일정시간 후 다른페이지로 보내는 기능을 구현할 수 있습니다.


일정시간 후 다른페이지로 보내기

 태그

속성

비고 

 META

 refresh

 새로고침

content 

 ~초 뒤

 url

 사이트 주소

메타태그는 여러가지 속성을 가지고 있지만 위에 있는 속성들이 대표적입니다.

1. refresh태그는 새로고침이라고 생각하시면 됩니다.

2. content는 몇초뒤에 액션을 취할것인가에 대한 속성입니다. 

3. url은 자신이 보내줄 사이트주소입니다. 


<meta http-equiv="refresh" content="5; url=http://www.netmarble.net/">

이라고 되어있으면 5초뒤에 넷마블페이지로 페이지를 refresh시켜라! 라고 해석할 수 있겠군요.

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>META 태그 활용법 총정리</title>
<meta http-equiv="refresh" content="5; url=http://www.netmarble.net/"> 
<!-- 5초뒤에 자동으로 넷마블페이지로갑니다. -->
</head>
<body>
	메타 태그를 이용하면 다른 페이지로 자동으로 이용할 수 있습니다.
</body>
</html>


[Html] Font 속성/스타일 (굵기,기울기,밑줄,취소선)등등

[Html] 수평선 긋기 HR태그 사용법

[Html] 하이퍼링크 A태그 사용법 (색상변경,링크설명,창 형태)

[Html] 옆으로 움직이는 텍스트 만들기 (MarQuee)

[Html] UI 태그, OL태그, DI태그, LI태그 사용법


댓글(0)

Designed by JB FACTORY