HTML META 태그 종류 및 사용법

컴퓨터,인터넷
(22.4k 포인트)
0 투표
HTML META 태그 종류가 많던데 어떤 Tag 가 있나요?

메타 태그 사용 방법 알려주세요.

1 답변

0 투표
1. <meta> 태그
  - <meta>태그는 <head>태그 부분에 정의
  - 검색 키워드, 문자셋, 페이지 자동 이동 등의 기능을 함
  - ex)
    <meta name="속성명" content="내용">
 
2. <meta>태그의 name 속성
  - author : 제작자 명을 표시
  - copyright : 저작권을 표시
  - keyword : 검색 엔진에 키워드 제공
  - description : 페이지의 내용을 요약, 검색 엔진의 소개글
  - generator : 홈페이지 제작에 사용된 웹 에디터를 기록
  - pragma : no-cache로 지정하면 홈페이지 내용이 캐시에 남지 않음
  - expires : 페이지의 만료 시간을 표시
  - reply-to : 메일 주소 및 작성자 이름을 기록
  - title : 홈페이지에서 다루고 있는 내용의 제목을 기록
  - subject : 홈페이지에서 다루고 있는 내용의 주제를 기록
  - publisher : 홈페이지에 대해 책임을 지고 있는 단체나 회사를 기록
  - other agent : 홈페이지에 대해 책임을 지고 있는 사람을 기록
  - date : 홈페이지를 만든 날짜를 기록
  - classification : 어떤 형식의 홈페이지인지 분류
 
3. 문자 지정
  - 최신 버전 웹 브라우저는 언어를 자동으로 지원한다.
  - 하지만 낮은 버전 웹 브라우저는 지원하지 않음
  - 문자 지정을 해주어야 언어가 깨지지 않고 나옴
  - 지정 방법
   익스플로러 : <meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
   넷스케이프 : <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
4. 자동으로 페이지 이동
  - 일정 시간이 지나면 자동으로 지정한 페이지로 이동
   기본 문법 : <meta http-equiv="refresh" content="초 단위 시간; url=이동할 문서의 전체 경로">
                  <meta http-equiv="refresh" content="10; url=http://www.naver.com">
 
5. 장면 전환 효과
  - 문서가 열리거나 닫힐 때 특정 모양의 효과를 부여
   <meta http-equiv="실행 시기" content="전환 방법(duration=시현 시간, transition=효과 종류)">
  - 속성
    page-enter : 문서를 열 때
    page-exit : 문서를 닫을 때
    blendtrans : 점점 밝게 또는 점점 어둡게
    revealtrans : 문서 전환 효과 지정
    duration : 시현 시간 지정
    transition : 24 종류의 장면 전환 효과 지정
 
메타태그 속성 정리
<META HTTP-EQUIV="Expire" CONTENT="-1">
   :캐쉬 완료(파기)시간 정의.
<META HTTP-EQUIV="Last-Modified" CONTENT="Mon,20 Jul 2007 19:30:30">
   :최종수정일을 정의.
<META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'>
<META HTTP-EQUIV='Pragma' CONTENT='no-cache'>
   :캐쉬가 되지 않게 하는 태그
 
 
문자셋 지정 - 웹문서의 언어 설정.
<META HTTP-EQUIV="Content-type" content="text/html; charset=UTF-8">
 
<META HTTP-EQUIV="Imagetoolbar" content="no">
   :그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않음.
<META HTTP-EQUIV="Refresh" content="15;URL=http://www.freegians.com">
   :페이지이동
<META HTTP-EQUIV="Page-Enter" content="RevealTrans(Duration=5/시간 초단위, Transition=21) ">
  :페이지 로딩시 트랜지션 효과(장면 전환 효과) 
<META name="Subject" content="홈페이지주제 입력">
<META name="Title" content="홈페이지이름 입력">
 
 
키워드 제공
<META name="Keywords" content="windows,browser,webdesign,XE,coding,웹,HTML5,웹표준,웹디자인,윈도우,윈도우즈">
 
요약 정보 제공
<META name="Description" content="설명문 입력">
 
제작자 정보 제공
<META name="Author" content="만든사람 이름">
 
<META name="Publisher" content="만든단체나회사 이름">
<META name="Other Agent" content="웹책임자 이름">
<META name="Classification" content="카테고리위치(분류)">
<META name="Generator" content="생성프로그램(에디터)">
<META name="Reply-To(Email)" content="메일주소 입력">
<META name="Filename" content="파일이름 입력">
<META name="Author-Date(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 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"> //이 문서도 긁지 않고 링크도 무시함
 
 
구로역 맛집 시흥동 맛집
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
add
...