[Html] 일정시간 후 다른페이지로 보내기 (메타태그 활용)
- Web/HTML, CSS
- 2018. 6. 19.
혹시 웹사이트를 이용하시다가 몇 초 후 다른페이지로 보내지는 기능을 보신 경험이 있으신가요? 이것은 바로 매타태그를 활용하여 자동으로 다른페이지로 전환되게끔 구현한 것입니다. 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] 하이퍼링크 A태그 사용법 (색상변경,링크설명,창 형태)
'Web > HTML, CSS' 카테고리의 다른 글
| [Html] 문단을 나누는 P태그 사용법 (0) | 2018.06.21 |
|---|---|
| [Html] UL 태그, OL태그, DL태그, LI태그 사용법 (4) | 2018.06.20 |
| [Html] 옆으로 움직이는 텍스트 만들기 (MarQuee) (4) | 2018.06.18 |
| [Html] 하이퍼링크 A태그 사용법 (색상변경,링크설명,창 형태) (2) | 2018.06.16 |