HTML 5 프로그래밍 META 태그 심화

저번에 글자 태그들을 알아볼 때 잠깐 <MET> 태그가 utf-8로 인코딩하기 위해 사용되었었는데

그런 기능 말고도 여러가지 활용할 수 있는 방법이 많은데요

<meta charset="utf-8">

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

만약 이것을 utf-8로 설정하지 않는다면 한글을 페이지에 넣을 때 오류가 뜨게 됩니다.

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

아이폰 웹페이지에서 전체화면으로 동작하도록 해주는 기능입니다

<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 name="keyword" content="블로그, 웹퍼블리셔">

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

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

페이지 설명을 입력하며 정보를 파악할 때 사용하는 설명을  최대 155자를 입력할수 있습니다.

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

페이지를 작성한 제작자명을 표시해 주는 기능입니다.

<meta name="reply-to" content='"kos7031@gmail.com">

페이지를 관한 문의처 메일 주소를 나타내는 기능입니다.

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

페이지에 쓰인 언어를 표시하는 기능입니다.

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

<meta htttp=equiv="Refresh" content="초"url="http://intcom.메인.한국">

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

url을 바꾸면 다른 페이지로 이동 할 수 있습니다.

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

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

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

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

빨강색:바꿀 수 있는 옵션

자주 쓰는 것들로 모아 봤습니다