HTML 이란 ?
HTML 이란 Hyper Text Markup Language 의 약자로써
웹 페이지를 만들기 위한 언어로 웹 브라우저에서 동작하는 가장
기본적인 프로그래밍 언어의 한 종류이다.
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>HTML 문서를 선언한것이다.
HTML은 시작과 끝이 있고, 그 끝은 <tag></tag>로 닫아주며,
물론 예외적으로 싱글 태그도 있다.
head 는 말 그대로 문서의 두뇌의 역활을 한다고 볼수 있다.
<head>와 </head> 사이에는 중요한 정보들을 담고 있으며,
현재 만들어진 문서의 meta 태그보다 많은 태그 javascript / css 등 여러가지를 선언한다.
위 코드에 선언된 meta태그만 간략하게 설명 해보고자 한다.
UTF-8 유니코드
<meta charset="UTF-8">UTF-8은 유니코드이다.
유니코드는 전세계의 모든 문자를 표현할 수 있는 인코딩 이다.
다만 한글 한 자를 3Byte로 처리하기 때문에 문서가 다소 커질수가 있으나,
공백이나 영문 한 자는 1Byte로 처리하는 유연함을 보여 준다.
호환성 보기의 이해
<meta http-equiv="X-UA-Compatible" content="ie=edge">이건... 그냥 없어져야할 IE8의 웹페이지에 접근했을때에 어떠한 렌터링 엔진을 사용할 것인지에 대한 선택을 할수 있는 용도의 버튼이다.
호환성 보기 버튼을 클릭함으로써, 웹표준을 지키지 않던 브라우저의 렌더링 방식(관용모드)으로 작동하게 된다.
뷰포트
<meta name="viewport" content="width=device-width, initial-scale=1.0">width 속성은 뷰포트의 크기를 조정한다.
특정한 숫자를 사용해 width=600라고 할 수도 있고 device-width와 같은 특정한 값을 사용할 수도 있는데,
device-width는 100% 스케일에서 CSS 픽셀들로 계산된 화면의 폭을 의미한다.
(뷰포트의 높이에 따라 크기와 위치가 변하는 요소들로 이루어진 페이지의 경우 상응하는 height와 device-height 값들이 유용하게
사용될 수 있다.)
'개발연습막쓰기 > HTML' 카테고리의 다른 글
| 노드트리는 무엇인가 (0) | 2018.07.04 |
|---|