Posts 초심으로 돌아가 공부하는 Front-End 2편 HTML
초심으로 돌아가 공부하는 Front-End 2편 HTML
Cancel

초심으로 돌아가 공부하는 Front-End 2편 HTML

HTML의 기초를 한 번 알아보자.


Doctype

우리가 처음 html을 배우게 되면
제일 상단에 ‘<!DOCTYPE html>’ 이라는 코드 한 줄을 볼 수 있다.

여기서 DOCTYPE(Docyment Type Definition)은 무엇을 뜻하는 것일까?

DOCTYPE은 문서의 html 버전을 지정해준다.
여기서 문서는 하나의 페이지(index.html)을 의미한다.
그 페이지가 몇 버전의 html을 사용하지는 정의해주는 것이다.

html은 기본적으로 1~5, XHTML 이렇게 6개의 버전이 있다.
우리가 쓰는 것은 최신 버전인 html5다.

웹 브라우저가 해당 코드를 읽어 어떤 버전으로 코드를 해석할지 결정한다.

<!DOCTYPE html>에서 html은 최신 버전인 html5를 의미한다.
가끔 html 뒤에 PUBLIC이 적혀 있다면 XHTML버전으로 만들어진 것이다.

하지만 우리가 이용하면서 사실상 이전 버전을 명시하는 일은 없을 것이다.
그러니까 그냥 짧은 지식으로만 알고 있자.


HTML, HEAD, BODY

HTML

html 태그는 문서의 전체범위를 의미한다.
html문서가 어디서 시작하고 끝나는지 브라우저에게 알려주는 역할을 한다.

head 태그는 문서의 정보를 나타내는 범위이다.
웹 브라우저가 해석해야 할 페이지의 제목, 설명, 파일 위치, css 같은
웹 페이지의 보이지 않는 정보를 작성하는 범위다.

BODY

문서의 구조를 나타내는 범위다.
여기는 사용자희 화면을 통해 보여지는 모든 버튼, 이미지와 같은 웹페이지의 구조를 작성하는 곳이다.


This post is licensed under CC BY 4.0 by the author.

초심으로 돌아가 공부하는 Front-End 1편 기초

강의보고 만든 Starbucks Homepage

Comments powered by Disqus.