[HTML] meta 태그

<meta>

head 태그 내에서는 웹 문서에 필요한 외부 파일과 옵션을 설정할 수 있다.

meta 태그는 웹 페이지에 추가로 전달할 정보를 담을 수 있다.

 

charset

<meta charset="UTF-8">

 

웹 문서의 인코딩 방식을 의미한다.

UTF-8은 세계 표준 인코딩 방식으로 한글이 깨지지 않게 하기 위해서는 해당 값으로 설정해주는 것이 좋다.

 

최신 브라우저

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

 

위 코드를 입력하면 항상 최신 버전의 브라우저 화면을 출력할 수 있다.

사용자의 기본 브라우저 설정이 구버전 브라우저로 되어있는 경우를 대비해서 사용한다.

 

반응형

<meta name="viewport" content="width=device-width, inital-scale=1.0">

 

디바이스 종류별로 화면에 출력할 방식을 지정할 수 있다.

viewport가 name 값으로 설정되어 있어야 반응형 웹 페이지 제작 시 모바일 화면을 띄울 수 있다.

 

 

참고 : Do it! 인터랙티브 웹 페이지 만들기