[HTML-4] 메타 태그, 뷰포트

1. meta 태그 

 

html 문서에 대한 메타데이터 정의한다.

메타데이터란? 데이터에 대한 데이터, 즉 '정보'를 의미한다

head 태그 안에 들어가며, 일반적으로 문자세트, 페이지 설명, 키워드,

문서의 작성자 및 뷰포트 설정을 지정하는 데 사용된다.

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

검색엔진이 페이지를 검색할 때 참고할 수 있으므로, 검색 최적화를 위해 사용한다

• charset : 문자 세트
• http-equiv : 콘텐츠 속성 정보에 대한 http 헤더
• name : 문서 정보
• content : 메타데이터 내용

 

 

2. 뷰포트(viewport)

 

현재 화면에 보여지고 있는 영역

기기마다 페이지가 다르게 보이는 현상

   html5 기본코드 발췌
   
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

=>  뷰포트의 너비를 단말기 너비에 맞추고, 초기 배율을 1로 한다! 라는 코드