html 에서 중요한 meta에 대해 정리하겠습니다.
우선 meta태그는 <head>태그 안에 쓰이며 문서 그 자체를 설명하는 태그랍니다.
하나씩 살펴보겠습니다
첫째,
<meta charset="utf-8">
문자 인코딩에 대한 meta태그 입니다.charset는 보통 utf-8을 많이 사용합니다.그 이유는 한글 때문입니다.
둘째,
<meta name="keyword" content="블로그">
검색에 영향을 끼치는 태그입니다.요즘에는 검색방식이 바뀌어서 그렇게 까지 영향을 끼치지 않습니다.
셋째,
<meta name="description" content="설명">
페이지 설명을 입역하며 정보파악을 할수있게합니다. 최대 155자를 입역가능하다네요.
넷째,
http://http:xxxxx.com/xxxx">
일정 시간이 지나면 페이지 새로고침이 됩니다.
다섯째,
<meta name="format-detection" content="telephone=no">
아이폰떄문에 사용하는 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=EmulateIE9">
IE문서모드를 최신으로 하되 실패시 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">
그림위에 마우스 오버시 이미지 관련 툴바가 생기지 않게 하는 옵션입니다.
'개발 > HTML,CSS' 카테고리의 다른 글
| [기초편] HTML이란 무엇일까? (0) | 2021.07.02 |
|---|---|
| CSS 방법론 Bem 표기법에 대해서 알아보자~!! (3) | 2020.11.17 |