13.HTML meta태그 내용 정리

Hπtos 2017. 1. 10. 16:05

1. HTML 5 버전에서 선언문으로는

<!DOCTYPE html>

을 사용한다.

2. 문서 호환성 선언

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

문서 호환성 개념인 document compatiblilty 개념을 도입해 IE버전을 지정하도록 했다.

예를 들어 이렇게 사용할 수 있다.

InternetExplorer 9 표준버전 : <meta http-equiv="X-UA-Compatible" content="IE=9">

InternetExplorer 8 표준버전 : <meta http-equiv="X-UA-Compatible" content="IE=8">

3. 모바일로 최적화된 사이트를 만들기위해 뷰포트 설정해준다.

<meta name="viewport" content="width=device-width, initial-scale=1">

content의 width는 크기를 조정하는데 width=600 이런식으로 특정하게 조정할 수도 있고,

device-width처럼 특정한 값을 사용할 수도 있다. (device-width는 100%스케일에서 CSS 픽셀들로 계산된 화면의 폭을 의미한다.

(뷰포트의 높이에 따라 크기와 위치가 변하는 요소들로 이루어진 페이지의 경우 상응하는 height와 device-height값들이 유용하게 사용될 수 있다.)

intial-scale을 통해 초기 확대값을 나타낼 수 있다.