본문 바로가기

📚Study Note/HTML

HTML

■■■  HTML  ■■■

● HTML 개요

 HTML 이란 HYPER TEXT MARKUP LANGUAGE 의 약어로,
웹 페이지를 기술하기 위한 언어이다.
마크업 언어는 텍스트에 태그(ex. <title>) 를 붙여서
텍스트가 문서의 어떤 구조에 해당하는지를 기술한 것이다.

기본적으로  시작 태그가  있으면 종료 태그가 있다는 것을 알아두자.

ex_<title>문서의 제목</title>

● HTML 의 역사
최초의 HTML 은 ★팀 버너스리 라는 CERN(유럽 원자핵 공동 연구소)의
물리학자가 만들었다.
이후 W3C(World Wide Web Consortium) 가 창립되어
팀 버너스리의 주도 아래 HTLML 에 대한 표준을 관장하고 있다.



- 1989 년
HTML 의 시작은 CERN 의 팀버너스 리가 인콰이어를 제안하면서 시작되었다.
인콰이어는 CERN 연구원들이 문서를 이용/공유하기 위한 체계였다.
1989년 팀 버너스리는 CERN 측에서 자금 지원을 요청했지만
인콰이어 프로젝트는 CERN 으로부터 정식으로 채택받지 못했다고 한다.

- 1991 년
비공식적인 CERN 의 문서를 보면 1991 년 말 팀 버너스리가 HTML 태그를
대중에게 언급했다고 한다,
HTML 기본서에 제일 먼저 언급되는 HTML 태그가 1991 년에 처음으로 공개된 것이다.
이 때 만드렁진 태그 중 일부가 현재 버전에도 여전히 존재한다.

- 1992 년
1992년  7월 HTML DTD 1.0 의 첫 번째 비공식 초안이 나왔으며
11월 HTML DTD 1.1 비공식 초안이 발표되었다.

※ DTD(Document Type Declaration) ... DOCTYPE 이라고 불린다.

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

-1993 년
1993 년 6월 HTML 은 인터넷 초안과 함게 IETF 에 의해서 발표되었다.
1993 년 11월에는  HTML+ 초안이 출시되었다.
하지만 HTML 초안과의 경쟁에서 1994년 5월 HTML+는 만료되었다.

- 1995 년 11 월 HTML 2.0 이 IETF의 RFC 1866 으로 발표되었다.
추가된 기능들은 다음과 같다
▷ 1995년 11월 RFC 1867 양식 기반 파일 업로드
▷ 1996년 05월 RFC 1942  테이블
▷ 1996년 08월 RFC 1980 클라이언트 측 이미지 탭
▷ 1997년 01월 RFC 2070  국제화

- 1997년
1997년 01 월 W3C에서 HTML 3.2 를 권고안으로 발표하였다.
(HTML 을 ★W3C 기관에서 주관하기 시작했다 .)
IBM, 마이크로소프트, 넷스케이프, Nvell, SoftQuad, Spyglass, Sun마이크로시스템
과 함께 W3C에서 HTML 2.0 호환 등의 기능을 제공했다.
1997 년 12월에는 W3C 에서 HTML 4.0 권고안을 발표하였다.

- 1998년
1998 년 04월 HTML 4.0 의 내용이 조금 수정되어 발표되었다.

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

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

- 2001 년
2001 년 05 월에는 W3C 에서는 XHTML 1.1 권고안을 발표하였다.
XHTML 1.1 은 모듈 기반의 XHTML 이다.

- 2002 년 ~ 2006 년
2002년 08월 부터 2006년 07 월까지 총 8번의 XHTML 2.0 초안을 W3C 에서 발표한다.
하지만, 하위 호환성의 문제와 HTML5 에 의해서 XHTML 2.0 은 2009 년에 개발이 중단된다.

- 2004 년

2002 년 ~ 2006 년 항목이 존재하는 상황에서 2004 년을 언급하는 이유는
바로 HTML 5의 시작점을 설명하기 위함이다.

2004년 모질라, 오페라, 애플 등의 브라우저 업체(Vender)들이
W3C 와 별도로 웹 어플리케이션 제약을 위한 웹 표준을 제안하기 위해
WHATWG(Web HyperText Application Technology Working Group) 를 설립한다.
WHARWF 의 목표는 HTML, CSS, DOM 그리고 javascript 를 이용하여
웹 어플리케이션을 만들 수 있는 하위 호환성을 가진 웹 표준을 만드는 것이었다.
WHARWG 는 Web Application 1.0 을 제안한다.

- 2007 년 ~ 2014 년
2007 년 Web Application 1.0 dl XHTML 2.0 을 앞서면서(호환성 문제)
W3C 는 Web Application 1.0 을 기초로 HTML Working Group 을 출범시키고,
 이 표준안의 명칭을 HTML 5 로 변경하였다.
드디어 HTML 5 가 자신의 이름을 얻는 순간이다.
HTML 5는 다양하고 새로운 기능들과 함께 HTML 4, XHTML 1, DOM Level 2 HTML 을 포함한다,

2008 년 01월 html 명세에 대한 '첫 번째 공개 작업 초안; 이 공개된다.
그리고 현재 HTML 5는 2014년 10월 28일 기준 표준 권고안으로 확정되었다.

1989 년도부터 HTML 은 차근차근 버전업 되어
1999년에는 4.01, 2014년에는 HTML 5까지 나오게 된다.

 

 

● HTML 과 웹 브라우저
우리가 보는 웹 페이지는 사실 HTML 문서이다.
텍스트 기반으로 작성한 문서를 웹 브라우저가 시각적으로 향상된 형태로
해석해서 우리에게 보여주는 것이다,
웹 브라우저마다 여거 가지 장단점이 있다.
우리나라 같은 경우는 Active X 를 사용하는 웹 페이지가 많기 때문에
인터넷 익스플로러를 가장 많이 사용해왔고, 사용하고 있지만h
HTML 5 를 가장 잘 지원하는 브라우저는 Chrome 이다. (2021년 04 월 기준)

html5test.com

 

● HTML 5 표준 기술과 API

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

※ 구조와 표현과 동작을 분리한다. !! check!!

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

※ HTML 4 에서 HTML 5 로 넘어오면서 바뀐 점은

를 참조하여 확인할 수 있도록 한다.
ko.wikipedia.org/wiki/HTML5
위 Document 에서 빠진 항목을 보충하자면
- 오프라인으로 웹 애플리케이션 실행 가능
- 드래그 앤 드롭
- 웹 스토리지
- 위치 정보 제공
- 웹 SQL 데이터베이스
- 파일 업로드와 관리 기능 제공
- 웹 소켓 API