설 연수
하하호홓
설 연수
전체 방문자
오늘
어제
  • 분류 전체보기 (231)
    • Back-End (2)
      • Java (20)
      • JSP (13)
      • Spring (18)
      • Kotlin (0)
      • node.js (0)
    • Front-End (68)
      • JavaScript (19)
      • jQuery (39)
      • Angular (4)
      • HTML (5)
    • Dev-Ops (12)
      • Linux, Cloud (5)
      • docker, k8s (5)
      • ElasticSeach (2)
    • Other (33)
      • OOP (3)
      • 알고리즘 (2)
      • DB (12)
      • Git (1)
      • Swift (4)
    • Backup (65)

블로그 메뉴

    공지사항

    인기 글

    태그

    • mongodb
    • docker
    • angular4
    • 크로스도메인
    • angular 콜백
    • RESTful
    • Angular
    • 404 error
    • angular2
    • Kafka
    • page not found
    • MYSQL
    • jquery invalid
    • 패스트캠퍼스
    • Redis
    • CORS
    • flex
    • INVALID
    • angular callback
    • jOOQ

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    설 연수

    하하호홓

    Front-End/HTML

    메타 태그 ( Meta tag ) 정리

    2015. 2. 13. 14:31

    http://ahnnong.blog.me/220081020421

    http://forlov3u.blog.me/20130242236

    http://blog.naver.com/webwizard83/220004414360



    메타 태그 ( Meta tag ) 


    - meta 태그에는 name, content, http-equiv 3가지 속성이 있다.

     

    <meta name="Subject" content=""> //홈페이지 주제

    <meta name="Title" content=""> //제목

    <meta name="Keywords" content=""> //키워드

    <meta name="Description" content=""> //요약설명

    <meta name="Author" content=""> //제작자

    <meta name="Publisher" content=""> //제작사

    <meta name="Other Agent" content=""> //웹책임자

    <meta name="Claasification" content=""> //카테고리위치,분류

    <meta name="Generator" content=""> //제작도구

    <meta name="Reply-To" content=""> //메일주소

    <meta name="Email" content=""> //메일주소

    <meta name="Filename" content=""> //파일이름

    <meta name="Author-Date" content=""> //제작일

    <meta name="Date" content=""> //제작일

    <meta name="Location" content=""> //위치

    <meta name="Distribution" content=""> //배포자

    <meta name="Copyright" content=""> //저작권

    <meta name="Robots" content="ALL">

    <meta name="Robots" content="index,follow"> //이 문서도 긁어가고 링크된 문서도 긁어감

    <meta name="Robots" content="noindex,follow"> //이 문서는 긁어가지 말고 링크된 문서만 긁어감

    <meta name="Robots" content="index,nofollow"> //이 문서는 긁어가고 링크는 무시함

    <meta name="Robots" content="noindex,nofollow"> //이 문서도 긁지 않고 링크도 무시함

     

    <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> //웹문서 언어 설정

    <meta http-equiv="Imagetoolbar" content="no"> //그림위에 마우스 오버시 이미지 관련 툴바 숨김

    <meta http-equiv="Refresh" content="60"> //60초 마다 새로고침

    <meta http-equiv="Refresh" content="5;url=주소"> //주소로 5초후 이동

    <meta http-equiv="Cash-Control" content="no-cache"> //캐쉬가 되지 않게

    <meta http-equiv="Last-Modified" content="Mon,20 Jul 2008 19:30:30"> //최종 수정일

    <meta http-equiv="Pragma" content="no-cache"> //캐쉬가 되지 않게

    <meta http-equiv="Expires" content="Mon, 08 Sep 2003 10:10:10 GMT">"> //캐쉬 만료(파기)일


    <meta http-equiv="Page-Enter" content="revealtrans(Duration=1,Transition=12)">

    //페이지 들어갈때 트랜지션 효과(장면 전환 효과)

    <meta http-equiv="Page-Exit" content="revealtrans(Duration=1,Transition=12)">

    //페이지 나갈때 트랜지션 효과(장면 전환 효과) 

     





    - 장면 전환 효과 속성값​

     

    Box out : 네모난 박스가 안쪽에서 바깥쪽으로

    Circle in : 원이 바깥에서 안쪽으로

    Circle out : 원이 안쪽에서 바깥쪽으로

    Wipe up : 이미지의 아래에서 위쪽으로 수직 이동

    Wipe down : 이미지의 위에서 아래쪽으로 수직 이동

    Wipe right : 이미지의 왼쪽에서 오른쪽으로 수평 이동

    Wipe left : 이미지의 오른쪽에서 왼쪽으로 수평 이동

    Vertical blinds : 수직 블라인드가 쳐지는 형태로 변환

    Horizontal blinds : 수평 블라인드가 쳐지는 형태로 변환

    Checkerboard across : 바둑판 형태의 격자가 왼쪽에서 오른쪽으로 생성

    Checkerboard down : 바둑판 형태의 격자가 위에서 아래로 생성

    Random dissove : 안개와 비슷한 형태로 변환

    Split vertical in : 왼쪽과 오른쪽 끝에서 중앙으로 수직 이동

    Split vertical out : 중앙에서 양쪽 끝으로 수직 이동

    Split Horizontal in : 양쪽에서 중앙으로 수평 이동

    Split Horizontal out : 중앙에서 양쪽끝으로 수직 이동

    Strips left down : 대각선 형태로 오른쪽 상단에서 왼쪽 하단으로 이동

    Strips left up : 대각선 형태로 오른쪽 하단에서 왼쪽 상단으로 이동

    Strips right down : 대각선 형태로 왼쪽 상단에서 오른쪽 하단으로 이동

    Strips right up : 대각선 형태로 왼쪽 하단에서 오른쪽 상단으로 이동

    Random bars horizontal : 수평선이 무작위로 생성

    Random bars vertical : 수직선이 무작위로 생성

    Random : 임의로 생성 

    [출처] 메타 태그 ( Meta tag ) 정리|작성자 알로하


    저작자표시 (새창열림)

    'Front-End > HTML' 카테고리의 다른 글

    div 태그에서 vertical-align:middle을 사용하고 싶을 때  (0) 2012.06.25
    [HTML] 목록태그 (ul, ol, li, dl, dt, dd)  (0) 2012.05.10
    레이아웃 구성(FrameSet & div)  (0) 2012.04.23
    2) 1차원으로 오브젝트 접근하기 ( JavaScript )  (1) 2012.04.04
      'Front-End/HTML' 카테고리의 다른 글
      • div 태그에서 vertical-align:middle을 사용하고 싶을 때
      • [HTML] 목록태그 (ul, ol, li, dl, dt, dd)
      • 레이아웃 구성(FrameSet & div)
      • 2) 1차원으로 오브젝트 접근하기 ( JavaScript )
      설 연수
      설 연수

      티스토리툴바