본문으로 건너뛰기

<html> 태그

html 태그

<html> 태그는 웹 문서의 시작과 끝을 나타내는 태그입니다.

html 태그를 선언하기 전에, 웹페이지는 브라우저에게 이 페이지가 어떤 버전의 HTML로 만들어졌는지 알리기 위해 DOCTYPE을 선언합니다.

현재 인터넷에서 널리 사용되는 HTML 버전은 HTML 5입니다.


HTML의 역사

  1. HTML (1991)

    • 월드 와이드 웹의 창시자인 팀 버너스리(Tim Berners-Lee)에 의해 처음으로 도입된 원래의 HTML 버전
  2. HTML 2.0 (1995)

    • 최초의 표준 HTML 버전. 웹 커뮤니티의 다양한 구성원들의 피드백을 기반으로 정의
  3. HTML 3.2 (1997)

    • 테이블, 스크립트(예: JavaScript) 및 다른 몇 가지 요소가 추가
  4. HTML 4.0 (1997)

    • 스타일시트(CSS), 보다 개선된 폼 양식 및 스크립팅 등 다양한 기능이 추가
  5. HTML5 (2014, 현재 버전)

    • 현대 웹의 필요성과 웹 애플리케이션의 발전을 반영한 큰 업데이트.
    • <canvas>, <video>, <audio>, local storage, geolocation, 등과 같은 새로운 추가
    • 문서의 구조화와 의미론적 요소(예: <header>, <footer>, <article>, <nav> 등) 강화

현재 사용하는 HTML5 버전으로 웹 페이지를 만들 경우, HTML 코드 최상단에 DOCTYPE을 다음과 같이 선언합니다.

DOCTYPE 선언
<!DOCTYPE html>
<html>
<!-- HTML 코드 -->
</html>

이렇게 HTML 문서 최상단에 <!DOCTYPE html>이라고 적으면, 웹 브라우저는 이 웹 페이지가 HTML5 버전으로 작성되었다는 것을 알게 됩니다.


<html> 태그

html 태그는 HTML 문서의 루트(root, 최상단) 요소로, 문서의 처음과 끝에 위치해야 합니다.

<html> 태그 내에는 웹 페이지에 대한 정보를 담는 <head> 태그와 웹페이지에 표시할 내용을 담는 <body> 태그를 포함합니다.


HTML 태그 내부 구조

HTML 문서 기본 구조
<!DOCTYPE html>
<html>
<head>
<!-- 여기에 문서의 메타데이터와 스타일, 스크립트 등을 포함시킵니다. -->
</head>
<body>
<!-- 여기에 실제로 사용자에게 표시되는 페이지의 내용을 넣습니다. -->
</body>
</html>

HTML 태그에는 lang 속성으로 웹 페이지의 주 사용 언어를 지정할 수 있습니다.

예를 들어, 한국어를 주 사용 언어로 사용하는 웹 페이지는 <html lang="ko">와 같이 표시할 수 있습니다.


HTML lang 속성 사용 예제
<!DOCTYPE html>
<!-- lang 속성으로 한국어 사용 -->
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>웹페이지 제목</title>
</head>
<body>
<h1>문단 제목</h1>
<p>문단 내용</p>
</body>
</html>