Blog Content

    티스토리 뷰

    <META> 태그 설명 및 기본형식




    <META> 태그 설명 및 기본형식
    META태그는 <HEAD>와 </HEAD>태그에 입력하는 특수 태그입니다. 화면상에 직접 나타나지 않지만 많은 기능을 가지고 있습니다.

    <META HTTP-EQUIV="①" CONTENT="②">
    ① : META태그의 이름을 입력하는 부분
    ② : META태그의 값을 입력하는 부분 META태그의 여러기법

    한글 폰트로 페이지 나타내기
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-kr">

    웹 페이지를 기본적으로 한글 폰트로 인코딩할 때 사용됩니다. 홈페이지를 만들때 우리가 자주 사용하는 <FONT face="돋움">태그에서 글자체를 돋움으로 지정해도 브라우저에서 한글속성을 인식못해 아무 반응도 나타나지 않는 경우가 있는데 이 경우 사용합니다. 그리고 자바애플릿 실행시 한글이 깨져 나올때도 이 태그를 사용하여 해결하기도 합니다. 만약 깨지지 않을 경우 이 태그 사용시 반대의 결과가 발생하기도 합니다.

    검색엔진 키워드 검색에서 내 사이트 맨 위에 뜨게 하기
    <META HTTP-EQUIV="keywords" CONTENT="홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지, 홈페이지">

    검색엔진에서 키워드 검색을 해보면 출력되는 자료가 수없이 많습니다. 그 중에서 상위 리스트에 출력이 된다면 아마도 여러분의 홈페이지에 방문자수가 약간 늘어 날 것입니다. 그래서 위와 같은 태그를 홈페이지내에 삽입하면 "홈페이지"라는 키워드로 검색을 하면 일치도가 100%가 되어 리스트의 상위에 위치하게 됩니다. 홈페이지 홍보를 위한 좋은 방법이라고 생각이 됩니다.

    일정 시간 경과 후 자동으로 다음 페이지 로딩하기
    <META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://kr.yahoo.com">

    자신의 홈페이지가 다른 곳으로 이동해 방문자가 이전의 홈페이지에 방문했을때 자동으로 바뀐 주소로 이동하게 하거나 첫 화면에 회사 로고를 몇 초 보여준 후 회사 메인 홈페이지로 들어가게 하거나 여러 장의 웹 문서를 슬라이드 효과를 나타내는 데 이용되는 태그 입니다. 위의 태그의 경우 5초후 야후(http://kr.yahoo.com)사의 홈페이로 이동한다는 뜻 입니다.

     TRANS META 태그 효과
    <META HTTP-EQUIV="Page-Enter" CONTENT="RevealTrans (Duration=3, Transition=23)">

    메타태그는 페이지를 나갈때나 들어올때 여러가지 효과로 페이지를 나타나게 하는 Trans Meta 태그입니다. 이 메타태그는 넷스케이프에서는 지원을 하지 않고 프레임을 가진 문서에도 지원을 하지 않는 단점이 있습니다.

    <META http-equiv="Pragma" content="no-cache">
    읽을때마다 새로 고침 하지 않음 노 캐쉬

    <META HTTP-EQUIV="Expires" CONTENT="0">
    기간 0 으로 만들기.. 노 캐쉬 효과..


    <META http-equiv="imagetoolbar" content="no">
    여러분이 익스플로어6.0 버전을 사용하고 있다면 이미지 위에 마우스를 가져갔을때 자그마한 툴바가 뜨는 것을 볼 수 있다. 위의 메타태그를 첨부하면 이미지 위에 마우스를 가져가더라도 툴바를 뜨지 않게할 수 있다.

    <META name="Author" content="kic">
    META 태그는 HTML 문서의 정보를 나타내며 이를 브라우져나 다른 검색엔진에게 알려주는 역할을 한다. 다음의 META 태그는 문서의 제작자를 표시해준다.

    Comments