Front-End/HTML

[HTML] 1. HTML의 탄생

Tinkies 2025. 1. 27. 20:27

 

1981년 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language)를 기반으로 HTML이라는 언어가 탄생했습니다.

 

유럽 입자 물리 연구소(CERN)의 계약자였던 물리학자  팀 버너스리는 1980년 HTML의 원형인 인콰이어를 제안하였고 인콰이어는 CERN 연구원들이 문서를 이용하고 공유하기 위한 계쳬었습니다.

당시만 해도 팀 버너스리는 입자 물리 연구소에서 일을 했는데 인콰이어가 탄생하고 9년 후 인터넷 기반 하이퍼텍스트 체계를 제안하는 메모를 작성했습니다. 이 메모는 1990년 말 HTML이라는 언어로 명시되었고 브라우저와 서버 소프트웨어를 작성했습니다. 

1990년 12월 20일 팀 버너스리는 세계의 여러 대학과 연구기관에서 일하는 물리학자들과의 신속한 정보교환과 공동연구를 위한 프로그램으로 교안되었던 WWE(World Wide Web) 탄생합니다.

 

문서나 사진,동영상, 음성 등이 조합된 데이터 베이스인 사이트의 정보를 전용 열람용 소프트웨어인 웹 브라우저를 통해 입수하고 전송하기 위해 만들었던 WWE는 세계적으로 대중화 되었고 1991년 1월부터 외부에 공개되기 시작했고 8월에 전체적으로 공개되며 웹 브라우저 대중화의 신호탄을 쏘았습니다.

 

1. HTML의 최초 규격

 

HTML 이라는 단어가 탄생한 비회는 1991년 말 팀 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그(html tag)로 부르며 시작되었고 머릿글자로 이루어진 20개의 요소를 기술하며 상대적으로 아주 단순한 디자인을 구성했습니다.

 

하이퍼링크를 제외하고는 HTML 태그들은 CERN 자체의 SGML 기반 문서화 포맷인 SGML GUID에 강하게 영향을 받았고 이 요소 중 13개는 HTML 4 버전에서도 여전히 남아있습니다. HTML은 동적 웹 페이지의 웹 브라우저를 통한 문자와 이미지 양식이었고 문자 요소 대부분 1988년 ISO 기술 보고서 9537 SGML을 이용한 기법에서 찾을 수 있습니다.

 

HTML은 시간이 흘러감에따라 여러 버전이 나왔고 현 시점까지 탄생한 버전이 HTML 5 버전입니다. 1994년 HTML과 HTML+ 초안이 만료되었고 IETF(국제 인터넷 표준화 기구)가 HTML 작업 그룹을 설립해 1995년해 HTML 2.0을 완성합니다. 최초의 HTML 규격은 미래에 수행될 HTML 표준을 기반으로 간주하는 경향이 있었습니다.

 

1996년 HTML 2.0은 HTML과 HTML+에 초안의 아이디어가 포함되어있다고 발표하였고 HTML 2.0 지정은 이전의 초안들로 부터 새로운 버전을 구별하기 위한 버전이었습니다. 이후로 1997년 W3C의 권고안으로 발표된 HTML 3.2 탄생하고 1997년 HTML 4.0이 개발되여 2008년 1월 HTML5 초안 작업이 W3C에 의해 발표되며 오늘날의 HTML5가 탄생하게 됩니다.

 

2. HTML Markup

 

HTML 마크업은 HTML 요소(Elements)와 그들의 속성(Attributes)과 문자 기반 데이터 형태와 문자 참조와 엔티티 참조를 포함하는 몇가지 핵심 구성 요소로 이루어져있고 또 다른 중요한 구성 요소로 문서 형식 정의(DTD, Document Type Definition)를 명시하는 문서 형식 선언(document type declaration)입니다.

 

프로그래밍 언어와 스크립트 언어 그리고 마크업 언어를 비교하기 위해 탄생한 일반적 컴퓨터 프로그램인 Hello World 프로그램이 탄생되었고 HTML에서 Hello World 프로그램의 단어는 단 9줄에 불과했습니다.

 

<!DOCTYPE html>
<head>
    <title>Document</title>
</head>
<body>
</body>
</html>

 

<html> 과 </html>사이 문자는 웹 페이지를 표현해주었고 <body> </body>사이의 문자는 표시되는 페이지의 내용을 보여주었습니다. <head> </head> 사이에는 눈에 보이지 않지만 웹 페이지를 표현하기 위해 필요한 해더 정보를 담고 있었고 <title></title> 사이 문자는 웹프라우저의 페이지 제목을 정의하는데 사용되었습니다.

 

3. HTML 요소

 

HTML 요소 또는 HTML 엘리먼트(HTML element)는 HTML 문사나 웹 페이지를 이루는 개별적인 요소로, 문서 객체 모델(DOM)으로 파싱됩니다. HTML은 트리나 HTML 노드(텍스트 노드 등)로 구성됩니다.

 

HTML 문서들은 "문서(document)"로 전달 되며 이들은 구문 분석 과정을 거쳐 웹 브라우저 내 문서 객체 모델(DOM) 내부 표현으로 변환됩니다. 화면과 같은 웹 브라우저 표현이라던지 자바스크립트의 접근은 그 다음에 이 내부 모델에서 수행되며 원래의 문서에서 수행되지 않습니다.

 

4.요소와 태그

 

HTML 문서들은 태그를 포함하나 요소를 포함하지 않습니다. 요소는 구문 분석 단계 "이후"에 태그들로부터 생성되며 요소의 위치는 시작 태그로부터 신장되어 일부 child content(차일드 콘텐츠)를 포함할 수 있으며 종료 태그로 종료됩니다.

 

HTML이 SGML에 기반을 두며 구문 분석 또한 DTD 특히 HTML 4.01의 것과 같은 HTML DTD의 사용에 의존합니다. DTD는 어느 요소 유형이 가능한지 규정하고 문서에서 나타나는 유효한 결합도 규정합니다.

 

 

5. SGML 과 XML

 

SGML은 복잡하며 폭넒은 채택과 이해에 제한이 있습니다. 더 단순한 대안으로 XML이 개발되었고 XML은 DTD 매커니즘을 사용하여 지원 요소 및 허가된 결합을 문서 구조로 정의한다는 면에서 SGML과 비슷합니다. 

 

 

6. %block; 과 box 요소

 

CSS 표현 동작 일부는 박스 모델의 개념으로 CSS가 블록 요소로 간주되는 요소들에 적용되어 CSS 언어를 통해 설정됩니다. HTML 또한 차이가 있지만 유사 개념은 없고 이 둘이 종종 혼동 됩니다.

 

 

 

HTML 문법에서 대부분의 요소들은 시작 태그와 종료 태그로 작성되며 그 사이 내용이 들어갑니다. HTML 태그는 요소 이름, 또 그 요소를 둘러싸는 꺽쇠괄오( < > )로 이루어집니다. 종료 태그 또한 꺽쇠괄호를 연 뒤 슬래시를 넣어 시작 태그와 구별합니다. 

<p>this is HTML Markup Language</p>

 

참고 자료

 

HTML 요소 - 위키백과, 우리 모두의 백과사전

위키백과, 우리 모두의 백과사전. HTML 요소 또는 HTML 엘리먼트(HTML element)는 HTML 문서나 웹 페이지를 이루는 개별적인 요소를 의미하며, 문서 객체 모델(DOM)으로 파싱된다. HTML은 트리나 HTML 노드(

ko.wikipedia.org

 

 

CERN

유럽 입자 물리 연구소(Organisation Européenne pour la Recherche Nucléair

namu.wiki

 

 

Home

 

www.ietf.org

 

LIST