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을 통해 초기 확대값을 나타낼 수 있다.
'WEB (Feat.FOO) > WEB 제작(Node.js)' 카테고리의 다른 글
| 15. mysql 회원가입 연동 (0) | 2017.01.22 |
|---|---|
| 14. Node.js express 사용해서 route 하기 (0) | 2017.01.21 |
| 12. Node.js. Express-POST방식을 통한 정보 전달 (0) | 2017.01.07 |
| 11. Node.js Express-URL을 통한 정보 전달 <query string> (0) | 2017.01.07 |
| 10. Node.js Express 적용하기 : 템플릿 엔진 (jade) (0) | 2017.01.07 |