본문 바로가기
개발/기타

HTML meta 태그 정리 및 기능

by darksilber 2015. 9. 25.
반응형

출처 - http://blog.naver.com/kgong14/220477576482

 

html에서 중요한 meta에 대해 정리할게요.

중요한 부분은 빨간색 체크!


brown_and_cony-3 


우선 meta태그는 <head>태그 안에 쓰이며 문서 그 자체를 설명하는 태그라고 불려요.


하나씩 살펴볼게요~


<meta charset="utf-8">

문자 인코딩에 대한 meta태그 입니다. charset은 보통 utf-8을 많이 사용하죠 한글 때문에~

필수 meta태그 입니다.




<meta name="keyword" content="블로그, 웹퍼블리셔">

페이지를 찾기 위해 검색할 수 있는 단어를 context에 추가할 수 있어요~




<meta name="description" content="설명">

페이지 설명을 입력하며 정보를 파악할 때 최대 155자를 입력할 수 있어요~




<meta name="author" content="분석">

페이지를 작성한 제작자명을 명시하는 옵션입니다.




<meta name="reply-to" content="kgong14@naver.com">

페이지를 관한 문의처 메일 주소를 명시하는 옵션입니다.




<meta name="content-language" content="kr">

페이지에 기술된 언어를 명시하는 옵션입니다.

영어=en, 일본어=ja, 한글=kr 




<meta htttp=equiv="Refresh" content=";url=http://http://blog.naver.com/kgong14">

일정 시간이 지나면 페이지 새로고침이 됩니다. content에서 초와 url로 설정!!




<meta name="format-detection" content="telephone=no">

아이폰때문에 사용하는 meta 태그입니다. 

이 meta태그는 전화번호와 같은 형식이면 문자열을 감지하고 전화를 걸 수 있는데,

위와 같은 meta태그가 있으면 문자열을 감지할 수 없게되요.




<meta name="apple-mobile-web-app-capable" content="yes">

아이폰 웹페이지에서 풀 스크린으로 동작하도록 해주는 meta태그 입니다.




<meta http-equiv="X-UA-Compatible" content="옵션">

IE에서 문서모드를 성정해주는 meta태그 입니다. 인코딩 meta와 같이 필수로 추가를 합니다 저같은 경우는여~

설정하는 옵션이 여러개가 있는데 하나씩 살펴볼게요.




<meta http-equiv="X-UA-Compatible" content="IE=9">

무조건 해당 IE 문서모드를 IE9로 설정해주는 옵션입니다.




<meta http-equiv="X-UA-Compatible" content="IE=EmulatelE9">

IE 문서모드9를 최신으로 하데 실패할 시 IE 문서모드5로 전환해주는 옵션입니다.




<meta http-equiv="X-UA-Compatible" content="IE=edge">

IE 문서모드를 최신버전으로 하는 옵션입니다.




<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

크롬이 설치되어 있으면 IE에서도 크롬 렌더링을 사용하는 옵션입니다.




<meta http-equiv="Expire" ConTENT="-1">

캐쉬의 완료 즉 파기 시간을 정의 하는 옵션입니다.




<meta http-equiv='Cache-Control' ConTENT='no-cache'>

<meta http-equiv='Pragma' ConTENT='no-cache'> 

캐쉬가 되지 않게 하는 옵션입니다.




<meta http-equiv="Imagetoolbar" content="no"> 

그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않게 하는 옵션입니다.

반응형

댓글