반응형
<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! 인터랙티브 웹 페이지 만들기
반응형
