본문 바로가기
소소한 일상 정리/유튜브 | 블로그 | SNS

[HTML] 링크를 활용해 정보 제공 후 자동으로 다음 페이지 이동하기

by 코코쥬안 cocojuan 2021. 11. 29.

링크 클릭하면 정보 제공 후 다음 페이지 자동 이동하기

▣ 목록 (LIST) ▣

 

1. Meta Tag 내용 알아보기

2. 링크 자동 실행 Meta Tag 기본 구조 알아보기

3. 작동 원리 알아보기

4. 실제로 html 작성 해보기

 

 

 

 


1. Meta Tag 내용 알아보기

  • 브라우저에 콘텐츠의 핵심 키워드를 알려 줄 수 있음
  • 브라우저에 직접 보여주는 내용이 아님 → 브라우저가 Html 웹페이지를 파악 할 수 있도록 도움

 

2. 링크 자동 실행 Meta Tag 기본 구조 알아보기

  • <meta http-equiv="refresh" content="대기시간;URL=원하는 웹 주소">

 

 

3. 작동 원리 알아보기

 (1) A 블로그에 링크 삽입

 (2) B 블로그에 자동으로 변경 될 주소 입력

  http-equiv="refresh" content="대기시간;URL=최종 웹 주소">

 (3) 즉, A블로그에서 링크를 클릭 했는데 B블로그를 거쳐 '최종 웹 주소'로 이동  

 

 

 

4. 실제로 html 작성 해보기

 (1) 다른 블로그로 이동하기  [클릭]

 (2) 구글 블로그에 'html'을 사용해 아래와 같이 입력

    <meta http-equiv="refresh" content="5;URL='http://cocojuan.tistory.com/390'">   

 (3) 구글 블로그를 거쳐 cocojuan summary page로 넘어감

 

 

 

이상으로

중간에 광고가 필요한 경우, 페이지 정보를 보여준 후 자동으로 다음 페이지에 이동하는 Meta Tag 사용하는 방법에 대해 알아보았습니다.

 

 

댓글