HTML 기본문서
HTML 기본 문서의 <html> 요소는 head 요소와 body 요소로 구성되어 있으며, head 요소 안에는 meta, title, link, style, script 등의 요소들이 올 수 있습니다.
| 요소명 | 설명 |
|---|---|
| <meta> | HTML 문서의 설명, 키워드, 문서의 작성자를 지정합니다. |
| <title> | HTML 문서의 제목을 지정합니다. |
| <link> | 외부의 CSS파일을 HTML 문서에 연결할 때 사용합니다. |
| <style> | HTML 문서 내에서 스타일(CSS)을 정의합니다. |
| <script> | 자바스크립트를 HTML 문서 내부에서 정의하거나 외부에서 자바스크립트 파일을 불러올 때 사용합니다. |
<meta> 태그의 charset 속성의 값 UTF-8d을 '문자 인코딩(charset)' 방식이라고 하는데
UTF-8의 경우 거의 대부분의 문자를 처리할 수 있기 때문에 HTML5의 문자 인코딩 방식으로
주로 사용되고 있습니다.
또, <meta> 태그에서 알아 두어야 할 속성 중에는 name 속성과 content 속성이 있는데,
나중에 학습하게 될 CSS 파트에서 반응형 웹 기술을 사용하기 위한 속성들입니다.
<meta charset="UTF-8">
<meta name = "viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
보통 뷰포트라고 하는데 모바일 해상도(가로보기, 세로보기)에 맞게 HTML 문서를 조절해 주는
속성들이라고 생각하면 될 것 같습니다.
참고로 HTML5 이전에 많이 사용한 XHTML 1.0 transitional 버전도 있는데, XHTML 1.0 transitional
버전의 DOCTYPE은 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 버전의 경우 HTML5보다 문법적으로 조금 더 엄격합니다.