HTML5 기본구조

2015. 7. 13. 20:34

이제 본격적으로 HTML5의 기본구조부터 시작하겠습니다.

<!DOCTYPE html>

<head>

<title>Nickoo's Blog</title>

</head>

<body>

HTML5 공부 시작

</body>

</html>

위와 같은 구조로 되어 있습니다. 한개씩 간단히 살펴보면 아래와 같습니다.

<!DOCTYPE html>

웹 표준으로 마크업하는 가장 기본적인 사항은 '문서형의 선언'입니다. HTML 문서의 최상단에 쓰며 HTML 버전에 따라 차이가 있습니다. 제 블로그는 전부 HTML5의 문서형을 기본으로 하겠습니다.

웹 문서 작성에서는 언어지정은 필수입니다. HTML에서 지정할 수 있는 언어는 대략 150여개 정도이며 제일 많이 사용하는 언어는 한국어(ko), 미국영어(en-us), 영국영어(en) 등이 있습니다.

전체 언어 목록은 여기 를 확인해주세요.

문서를 시작하면 문자 코드셋을 지정해야 합니다. 1바이트를 사용하는 영문의 경우는 크게 상관이 없지만, 한글이나 한자같은 경우에는 2바이트 혹은 3바이트로 늘어나는 부분을 표현하기 위해서 지정해야 합니다.

<head>

</head>

머리말 부분으로 브라우즈 정보, 메타 정보, 스크립트, 스타일 시트 등의 요소를 포함할 수 있다.

ex) <title>, <base>, <meta>, <style>, <link>, <script>

<title>Nickoo's Blog</title>

브라우저 툴바의 제목을 나타내는 것과 즐겨찾기에 추가될 때 페이지 제목이 되는 부분입니다.

<body>

HTML5 공부 시작

</body>

홈페이지의 내용이 들어가는 부분입니다.

위와 같이 설정하여 아래와 같은 결과를 얻었습니다.

Nickoo's Blog