메타 태그(Meta Tag), HTML에서 메타태그의 정의 및 사용법

• 애플‚ 그리고 맥(Mac) 라이프 • 맥 :: MAC/Etc IT Tips  • 아이폰/아이패드/iOS/OS X/Mac •

일반적인 웹문서를 제작하는 HTML에 있어서 메타태그(Meta Tag)라는 것이 있습니다. 

메타태그(Meta Tag)를 한마디로 요약하면 그 정의는 아래와 같습니다.

근본적인 정의 또는 설명을 뜻하는 메타(Meta)와  태그(Tag)의 합성어로서 일반적인 웹페이지에 있어서 그 표현방식에는 영향을 주지 않고 웹제작 정보, 문서 내용 등의 정보를 제공하는 동시에 키워드를 표시하여 각종 검색엔진들이 해당 웹사이트를 검색할 시 이 
메타태그(Meta Tag)의 정보를 이용하여 참고함

우선적으로 메타태그(Meta Tag)를 사용하기 위해서는 태그의 위치는 <head> 와 </head> 사이에 위치시킵니다.

메타태그(Meta Tag)

 

그리고 아래와 같은 메타태그(Meta Tag)의 속성을 웹페이지의 성격에 맞게 적절하게 사용해 줍니다.

페이지의 문자세트(charset) 지정 (필수)
한국어 (euc-kr) 지정
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

키워드 및 요약 설명 정의 (필수)
검색엔진의 키워드에 문서를 등록
<meta name="keywords" content="IT,모바일,앱개발,아이폰,Xcode">
검색엔진에 문서의 요약설명에 들어갈 내용
<meta name="description" content="모바일 스마트폰 개발 및 맥(Mac)과 아이폰 관련 정보 ">

페이지 캐쉬 관련 지정 (선택)
브라우저에게 캐쉬(임시저장)를 못하게 지정
<meta http-equiv="pragma" content="no-cache">
캐쉬를 허용하되 세계표준시로 만료시간 지정
<meta http-equiv="expires" content="Sun, 31 Dec 2020 24:00:00 GMT">

페이지 갱신/이동(선택)
10초 마다 이 페이지를 REFRESH(갱신)
<meta http-equiv="refresh" content="10">
10초후 zosolution.html로 이동
<meta http-equiv="refresh" content="10; zosolution.html">
10초후 www.zosolution.com으로 이동
<meta http-equiv="refresh" content="10; http://www.zosolution.com">

신고
글 제목  :  

메타 태그(Meta Tag), HTML에서 메타태그의 정의 및 사용법

글 카테고리  :   맥 :: MAC/Etc IT Tips
글쓴이  :   ZO
관련문의  :   GUEST BOOK 또는 이메일( zosolution@hanmail.net )