HTML 용어 정리 #1 - HTML

HTML

Hypertext Markup Language...

참 난감하네~ 대체 뭐라 번역해야 할까? 텍스트를 초월한 구조적 언어? 초월하다? 문자를 초월하여 이미지도 있고, 동영상 있는 구조화 언어라는 뜻인가? Markup Language는 뭔가 감이 오니 그렇다 치고 Hypertext는 대체 무슨 뜻인가?

HTML의 위키페이지에서는 "HTML은 하이퍼텍스트 마크업 언어(초본문 표식 달기 언어, 하이퍼 본문 표식 달기 언어)라는 의미의 웹페이지를 위한 지배적인 마크업 언어다"라고 되어 있다. 이 무슨 개풀 뜯어먹는 소리인지?

 

팀 버너스리 경

HTML을 만든 팀 버너스 리 경의 위키 내용을 보자.

"1989년 월드 와이드 웹의 하이퍼텍스트 시스템을 고안하여 개발했다. 인터넷의 기반을 닦은 여러 공로로 웹의 아버지라고 불리는 인물 중 하나이다. URL, HTTP, HTML 최초 설계도 그가 한 것이다."

여기에서 하이퍼텍스트의 위키 링크가 있는데, 확인해보면 "하이퍼텍스트(Hypertext, 초본문, 하이퍼 본문)는 참조(하이퍼링크)를 통해 독자가 한문서에서 다른 문서로 즉시 접근할 수 있는 텍스트이다."라고 적혀 있다.

여기서 모든 게 명확해졌다.

 

최초 인터넷이, WWW이 탄생한 이유는 정보의 공유였다.

공유를 위해서는 정보가 담겨있는 문서의 위치를 알아야 하고 또 공유하기 위해서 참조(하이퍼링크) 기능이 필요했던 것이다.

문서 내의 텍스트에 하이퍼링크를 표시함으로써 쉽게 다음 문서(정보)를 찾게 되는 것이다.

그 링크를 팀 버너스 리는 "하이퍼텍스트가 사용되는 여러 분야의 일부를 열거하면서 백과사전을 대표로 두었다."라고 했다고 하는데 백과사전의 인덱스가 바로 그 당시의 하이퍼텍스트가 되는 것이다.

그럼 여기서 정리하자면... 억지로, 직역하자면 "하이퍼링크가 있는 문서를 만드는 구조적 의미 표시 언어" 정도로 하면 될까? 그렇다면 위의 하이퍼 본문 표식 달기 언어라는 것이 어느 정도 이해가 간다.

 

HTML 단어 자체의 뜻은 그렇다 하면, 그 의미적으로는 무엇인지 알아보자.

MDN에 따르면 (무슨 뉴스 채널을 소개하는 거 같다)

"HTML(Hypertext Markup Language, 하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어이다"라고 되어 있다.

최초에 정보를 담은 문서가 있을 것이고, 그 문서에는 "제목, 부제목, 작성자, 주제, 단락, 참고자료, 작성일" 등의 구조로 되어 있었을 것이다.

마치 텍스트(txt) 파일인 "하이퍼텍스트 마크업 언어(HTML) 인터넷 초안"처럼 말이다.

이런 문서에 그런 구조뿐만 아니라 이미지, 동영상, 링크(하이퍼링크), 표 등을 표시하기 위해 만들어진 것이 HTML 인 것이다.

HTML에 CSS가 더해져서 다양한 디자인이 가능해지고 JavaScript가 더해져서 동적이게 되고, 거기에 java, php, react 등의 서버사이드 언어가 더해져서 하나의 웹사이트로서 완성이 된다.