웹의 역사 | Minstudio

HTML과 웹의 탄생

HTML (HyperText Markup Language)은 1990년 유럽 입자 물리 연구소(CERN)의 팀 버너스리(Tim Berners-Lee)에 의해 처음 개발되었습니다. 수많은 연구원들이 방대한 논문과 자료를 쉽게 공유하고 연결할 수 있도록 제안한 '하이퍼텍스트(HyperText)' 프로젝트가 바로 오늘날 월드 와이드 웹(World Wide Web, WWW)의 시초가 되었습니다.

[그림 1] 1990년 초창기 웹에서 현대의 거대한 글로벌 네트워크로 진화한 웹의 역사

💡 팀 버너스리의 철학

"웹의 가장 큰 힘은 보편성에 있다. 장애의 유무, 사용하는 기기의 종류에 상관없이 누구나 접근할 수 있어야 한다."

1. 과거의 웹과 현대 웹의 비교 (HTML 1.0 vs HTML5)

오직 텍스트만 존재했던 초기 HTML과, 비디오 및 양방향 통신을 지원하는 현대 HTML5의 차이를 나타낸 다이어그램입니다.

2. HTML 버전별 핵심 변화 이력

HTML이 처음 탄생한 시점부터 현재의 HTML5까지의 주요 발전 과정을 정리한 표입니다.

버전	출시년도	주요 특징 및 변화 내용
HTML 1.0	1993년	최초의 표준안. 텍스트와 하이퍼링크 등 기초적인 문서 구조만 존재했습니다.
HTML 2.0	1995년	웹 표준의 기틀이 마련되었으며, 사용자 입력을 받는 폼(form) 태그가 도입되었습니다.
HTML 3.2	1997년	표(table) 태그와 자바 애플릿이 추가되었습니다. (구조와 디자인 코드가 혼재되던 시기)
HTML 4.01	1999년	구조(HTML)와 디자인(CSS)을 본격적으로 분리하기 시작한 중요한 전환점입니다.
XHTML 1.0	2000년	HTML을 XML 기반으로 재정의하여 매우 엄격한 문법 규칙을 적용했습니다.
HTML5	2014년~현재	플러그인 없이 오디오/비디오를 재생하고, 시맨틱 태그(header, footer 등)를 도입한 현대의 웹 표준입니다.

3. 웹 역사 체험 (과거와 현재)

버튼을 클릭하여 과거의 HTML 1.0 스타일과 지금의 현대 웹 스타일을 비교해 보세요!

<div class="vintage-container" id="demo-vintage-container"> <header class="web-header"> <h1>Hello, World Wide Web!</h1> <p>팀 버너스리가 꿈꾸던 정보 공간에 오신 것을 환영합니다.</p> </header> <main class="web-main"> <section class="info-card"> <p id="demo-messageArea">과거의 HTML은 텍스트 중심이었지만, 지금의 웹은 매우 화려합니다!</p> <button id="demo-timeMachineBtn">1990년으로 시간 여행하기</button> </section> </main> </div>

버전

출시년도

주요 특징 및 변화 내용

HTML 1.0

1993년

최초의 표준안. 텍스트와 하이퍼링크 등 기초적인 문서 구조만 존재했습니다.

HTML 2.0

1995년

웹 표준의 기틀이 마련되었으며, 사용자 입력을 받는 폼(form) 태그가 도입되었습니다.

HTML 3.2

1997년

표(table) 태그와 자바 애플릿이 추가되었습니다. (구조와 디자인 코드가 혼재되던 시기)

HTML 4.01

1999년

구조(HTML)와 디자인(CSS)을 본격적으로 분리하기 시작한 중요한 전환점입니다.

XHTML 1.0

2000년

HTML을 XML 기반으로 재정의하여 매우 엄격한 문법 규칙을 적용했습니다.

HTML5

2014년~현재

플러그인 없이 오디오/비디오를 재생하고, 시맨틱 태그(header, footer 등)를 도입한 현대의 웹 표준입니다.