본문 바로가기

프로그래밍 언어/HTML

[HTML] HTML 구조




HTML의 구조


여러 요소들(Elements)로 구성된다. 최상위 요소는 <html>이며, 이 요소 안에는 <head>와 <body>가 있다. 


- <html></html> : 문서에서 최상위 요소(HTML의 모든 정보 포함)

- <head></head> : 문서 자체의 제목, 요약, 외부 정보(문서의 정보)

- <body></body> : 문서에서 보여주는 모든 내용(시각적인 모든 요소)



다음은 간단한 HTML 문서의 구조를 시각적으로 표현한 코드이다.


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>제목</title>
    </head>
    
    <body>
        <h1>제목</h1>
        <p>단락</p>
    </body>
</html>



DTD 선언

DTD란 문서 형식 지원(Document Type Definition)을 뜻하며, 작성중인 HTML이 어떤 버전인지 알려주기 위해 선언한다. HTML은 버전별로 지원하는 태그가 다르기 때문에 문서 처음에 <!DOCTYPE> 선언문을 추가해야 한다. 현재 HTML5가 가장 널리 쓰이기 때문에 <!DOCTYPE html> 을 선언해주지 않으면 HTML5이 아닌 다른 버전으로 인식될 수 있다.