공부/HTML

[HTML] 메타(Meta) 태그 정리

JangGiraffe 2019. 1. 22. 11:26



meta태그란 ? 

메타태그는 HTML의 <head> 부분에 입력하는 특수한 기능을 가진 태그

웹서버와 브라우저간의 상호 교환 정보들을 정의함


-meta태그의 속성 (http-equiv/content/name)


<meta http-equiv="  1  " name="  2  " content="  3  "/>


1. http-equiv : 웹브라우저가 서버에 명령을 내리는 속성 (ex) 웹페이지에 쓰이는 인코딩, 언어 등

2. content : meta 정보의 값을 지정

3. name : meta 정보의 이름을 지정, 없을 시 http-equiv와 동일한 값으로 지정됨


-meta태그의 종류

메타태그는 많은 종류의 기능을 제공한다. 그중에 내가 많이 쓸 것 같은 정보들을 정리해보았다.


http-equiv name content 내용  
  Keywords N1,N2,N3… 검색엔진에 의해 검색되는 단어  
  Description N1,N2,N3… 검색 결과에 표시되는 문구  
Content-Type   text/html; charset=utf-8 문자 코드의 종류 EUC-KR / ISO-2022-KR : 한국어 문자 인코딩
UTF-8, UTF-16, UTF-32  : 모든 언어의 문자를 지원하는 인코딩
Content-Script-Type   text/javascript 웹페이지에 쓰인 언어  
Content-Style-Type   text/css 웹페이지에 쓰인 언어  
  Date 2019-01-01T11:14:33+09:00 +09:00는 GMT기준 한국 시차  
Subject   주제 웹페이지 주제  
Title   제목 웹페이지 제목  
Cache-Control   no-cache 캐시가 생성되지 않도록 지정  
Pragma   no-cache 캐시가 생성되지 않도록 지정  
Refresh   60 60초마다 새로고침  
Refresh   5;url=주소 5초후 url로 이동  


반응형