HTML 문서는 웹 페이지 그 자체로, 웹사이트에 콘텐츠를 표시하는 역할을 합니다. HTML은 여러 개의 태그(tag)로 구성되며, 대부분의 태그는 여는 태그와 닫는 태그가 한 쌍을 이룹니다. 다만 일부 태그는 닫는 태그 없이 단독으로 사용되기도 합니다. HTML 문서가 올바르게 동작하려면 아래에서 소개하는 기본 최소 구조의 필수 태그들을 반드시 포함해야 합니다.
HTML 문서의 기본 최소 구조 요소
1. DOCTYPE 선언
모든 HTML 문서는 <!DOCTYPE html> 선언으로 시작합니다. 이 선언은 브라우저에게 해당 문서가 HTML 문서임을 알리고, 어떤 표준에 따라 해석해야 하는지 지시하는 역할을 합니다.
2. <html> 태그
DOCTYPE 선언 바로 다음에는 <html> 태그가 위치합니다. 문서 내의 모든 HTML 태그는 <html>...</html> 사이에 작성해야 하며, 이 안에 포함된 모든 요소는 HTML 규칙을 따르게 됩니다.
3. <head> 태그
<head> 태그는 문서의 메타 정보를 담는 영역입니다. 이 안에서 <title>...</title> 태그를 사용하여 HTML 문서의 제목을 지정할 수 있으며, 이 제목은 브라우저 탭에 표시됩니다.
4. <body> 태그
<body> 태그는 실제로 웹 페이지에 표시되는 콘텐츠를 담는 영역입니다. 예를 들어 <p>...</p> 태그를 사용해 문단을 추가하면, 해당 내용이 사용자에게 보이는 웹 페이지에 나타나게 됩니다.
기본 최소 구조 예제
<!DOCTYPE html> <html> <head> <title>HTML Document</title> </head> <body> <p>This is demo text.</p> </body> </html>
위 예제처럼 DOCTYPE 선언, <html>, <head>, <body> 네 가지 요소만 갖추면 가장 기본적인 형태의 HTML 문서를 완성할 수 있습니다. 이 구조는 모든 웹 페이지의 출발점이 되므로 반드시 숙지해 두는 것이 좋습니다.