[HTML] Chapter 1. HTML 개요

1. HTML이란?

• HTML 이란 Hyper Text Markup Language 의 약어로, 웹 페이지를 기술하기 위한 언어
• 마크업 언어(Markup Language)는 텍스트에 태그 (ex <title>)를 붙여서 텍스트가 문서의 어디에 해당하는지를 기술한 것. 기본적으로 시작 태그가 있으면 종료 태그가 존재함을 유의 (ex. <title>문서의 제목</title>)

2. HTML 의 변천사

• 최초의 HTML 은 팀 버너스리 라는 CERN(유럽 원자핵 공동 연구소)의 물리학자가 만들었으며, 이후 W3C(World Wid Web Consortium)이 창립되어 팀 버너스리의 주도 아래 HTML 에 대한 표준을 관장하고 있음
• 1989년
  HTML 의 시작은 CERN의 팀 버너스리가 인콰이어를 제안하면서 시작되었으며, 인콰이어는 CERN의 연구원들이 문서를 이용 / 공유하기 위한 체계였음. 1989년 팀 버너스리는 CERN 측에 자금 지원을 요청했지만 인콰이어 프로젝트는 CERN 으로부터 정식으로 채택받지 못했다고 함
• 1991년
  비공식적인 CERN 의 문서를 보면 1991년 말 팀 버너스리가 HTML 태그를 대중에게 언급했다고 함. HTML 기본서에서 제일 먼저 언급되는 HTML 태그가 1991년에 처음으로 공개된 것이며, 이 때 만들어진 태그 중 일부가 HTML 4 버전에도 여전히 존재함
• 1992년
  1992년 7월 HTML DTD 1.0 의 첫 번째 비공식 초안이 나왔으며 11월 HTML DTD 1.1 비공식 초안이 발표됨

※ DTD(Document Type Declaration)
DOCTYPE 이라고 불리며, DTD는 HTML 이나 XML문서에서 사용이 허가되는 요소나 속성을 정의한 것
즉, HTML 이나 XML 이 특정 형식 정의를 따르고 있다는 것을 웹 브라우저에 알려주는 것을 말함. 간단하게 말하면 "이러이러한 형식으로 문서가 작성되었습니다." 라고 선언하는 것

 

• 1999년 ~ 2000년
  1999년 12월 HTML 4.01 이 발표되었으며, 새로운 Style Sheet 추가, Short Table 추가 등의 수정사항이 있었음. 2000년 1월에는 W3C 에서 XHTML 1.0 권고안이 발표되고 이를 표준으로 집중시키려 하게 됨

※ XML(eXtensible Markup Language)
W3C 에서 마크업 언어를 만드는 용도에서 권장되는 다목적 마크업 언어 XML 은 주로 다른 시스템, 특히 인터넷이 연결된 시스템끼리 데이터를 쉽게 주고받을 수 있게 하여 XML 의 한계를 극복할 목적으로 만들어짐

 

• 2001년
  2001년 5월 W3C 에서는 XHTML 1.1 권고안을 발표함. XHTML 1.1 은 모듈 기반의 XHTML 임
• 2002년 ~ 2006년
  2002년 8월부터 2006년 7월 까지 총 8번의 XHTML 2.0 초안을 W3C 에서 발표함. 하지만, 하위 호완성 문제와 HTML5 에 의해서 XHTML 2.0 은 2009 년에 개발이 중단됨
• 2007년 ~ 2014년
  2007년 Web Application 1.0 이 XHTML 2.0 을 앞서면서(호환성 문제) W3C 는 Web Application 1.0 을 기초로 HTML Working Group 을 출범시키고, 이 표준안의 명칭을 HTML5 로 변경함. (HTML5 가 이름을 얻은 순간) HTML5는 다양하고 새로운 기능들과 함께 HTML4, XHTML1, DOM Level 2 HTML 을 포함하였음 (호환성을 갖고 있다는 의미)
• 2008년 1월 HTML 명세에 대한 '첫 번째 공개 작업 초안'이 공표되며, 현재 HTML5 는 2014년 10월 28일 기준 표준 권고안으로 확정됨
• 1989년 부터 HTML 은 등장 이후 1999년에 4.01, 2014년에 HTML5 까지 나오게 됨

3. HTML 과 웹 브라우저

• 우리가 보는 웹 페이지는 사실 HTML 문서이며, 텍스트 기반으로 작성한 문서를 웹 브라우저가 시각적으로 향상된 형태로 해석해서 우리에게 보여주게 되는 것
• 웹 브라우저마다 여러가지 장단점이 있고, 우리나라의 경우는 ActiveX 등 여러 이슈로 인터넷 익스플로러를 많이 사용하게 되었지만, HTML5 를 가장 잘 지원하는 브라우저는 크롬이며, 현재는 브라우저들마다 큰 차이가 없게 되었음 (2023년 11월 27일 기준)
  ※ HTML5 호환성 정보 확인 → http://html5test.com

4. HTML5 웹 표준 기술과 API

1. 웹 페이지의 내용은 HTML로 작성한다. (구조)
2. 웹 페이지의 스타일은 CSS로 작성한다. (표현)
3. 웹 페이지의 상호작용(동작, 행위)는 Javascript 로 작성한다. (기능)

⚠️ 구조와 표현과 기능을 분리할 것!

→ 오래전부터 이와 같은 개발 방식을 사용하고는 있었지만 HTML5 부터 웹 표준 기술로 확립되었으며, 이와 같이 작업하면 웹 프로그래머와 웹 디자이너라는 업무 영역을 나눌 수 있기 때문에 효율적인 개발이 가능함

 

※ HTML4.01 에서 HTML5로 넘어오면서 바뀐 점은 https://ko.wikipedia.org/wiki/HTML5 를 참조
→ 해당 URL 의 Document 에서 빠진 항목 보충

• 오프라인으로 웹 애플리케이션 실행 가능
• 드래그 앤 드롭
• 웹 스토리지
• 위치 정보 제공
• 웹 SQL 데이터베이스
• 파일 업로드와 관리 기능 제공
• 웹 소켓 API

http://localhost:3306/WebApp01/FirstHTML.html
프로토콜

http://www.hong.com/FirstHTML.html
도메인 등록 → 비용, 기간
웹 호스팅 서비스에 가입 (후이즈, 가비아..) → 비용, 기간