HTML 문서 구조

2017. 7. 13. 22:44

<!doctype html>

<html>

<head>

<title>타이틀입니다</title>

</head>

<body>

내용

</body>

</html>

위 소스는 html에서 쓰는 가장 기본적인 구조이다.

<!doctype> 이란 것은 문서 유형을 지정하는 것이며 html 문서이며 html5에 맞춰서 문서를 해석하라는 뜻이다.

<html> 이란 태그는 웹 문서의 시작을 알리는 것이며 </html> 은 웹 문서의 끝을 알린다.

참고로 태그는 / 를 이용하여 닫으며 태그를 선언하면 항상 닫아줘야 한다. <태그></태그>

<head>는 웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알고 있어야 할 것들을 입력하는 곳이다.

ex) 문서에서 사용하는 외부 파일들, <title>(문서제목), <meta>(문자 인코딩 및 문서 키워드, 요약 정보)

<body> 태그는 실제 브라우저에 나타나는 내용들을 쓰는 곳이다. 우리가 알고 있는 이미지, 글 모두 이곳에 작성한다.

wish me luck