HTML의 기본 구조

0. HTML의 기본 구조에 대해 배워봅시다.

1. DTD(Document Type Definition) 문서형 정의

문서형 정의는 웹브라우저가 처리할 HTML 문서가 어떤 문서 형식을 따라야 하는지 알려주는 것으로
문서의 처음에 항상 넣어야 합니다.
< !DOCTYPE html>

2.html태그

html 태그는 html 문서의 시작과 끝을 의미합니다. 따라서 모든 태그는 html 태그 안에 작성해야 합니다.

3.head태그

head 태그는 html 문서의 메타데이터를 정의하는 영역입니다. 메타데이터란 html 문서에 대한 정보로 웹 브라우저에는 직접 노출되지 않습니다. 보통 메타, 타이틀, 링크, 스타일, 스크립트 등의 태그를 사용해 html 문서의 여러 정보를 정의합니다.

4.meta태그

< meta charset = "UTF-8" >

5.title태그

title 태그는 문서의 제목을 지정하는데 사용합니다.
모든 html 문서는 반드시 1개의 타이틀 태그를 사용해 문서의 제목을 지정해야 합니다. 이때 제목은 문서마다 중복되지 않도록 주의해야 합니다.
문서 제목이 중복되면 검색 엔진은 해당 웹 사이트가 신뢰성이 떨어진다고 판단해 검색 엔진 노출에 불리해집니다.

6.body태그

body 태그는 웹 브라우저에 노출되는 내용을 작성하는 영역으로 웹 브라우저에 표시되는 모든 내용은 바디 태그 내에 작성합니다.