HTML이란?

- HTML : Hyper Text Markup Language -

(하이퍼 텍스트 마크업 랭귀지)

1. Hyper Text 란 ?

'text를 뛰어넘다'의 의미를 가지고 있으며,

텍스트의 정보에 대한 접근인 순차적 접근을 뛰어넘는다는 의미를 가지고 있다.

쉽게 말해 일반적인 텍스트의 순차적 접근법을 뛰어 넘는 비순차적 접근법을 표현하고 있는 것으로,

클릭을 하면 다른 페이지로 이동하는 것과 같은 페이지 내의 다른 데이터로 이동하는 것.

이것이 바로 하이퍼 텍스트의 개념이다.

2. Markup 이란 ?

'마크업'이란 어딘가에 Mark, 즉 표시를 해두는 것이다.

제목이 어떤 것인지, 내용이 어떤 것인지 단락이 구분되어 있지 않으면 같은 글이여도 보기에 불편하다.

그렇기 때문에 마크업 언어를 통해 구조적으로 표현을 하는 것이다.

문서를 구조적으로 표시하기 위한 것이 마크업의 개념이다.

3. Language 란?

Language란 언어라는 뜻이다.

컴퓨터가 이해할 수 있는 방식과 방법대로 명령을 해야 컴퓨터가 알아 듣고 실행을 하는데,

컴퓨터와 인간이 서로 의사소통을 할 수 있도록 해주는 것이 C, JAVA, Python 등과 같은 언어들이다.

따라서 HTML 의 Mrkup Language를 통해 우리는 컴퓨터에게 명령하여 무언가 일을 시키는 것이다.

4. Markup Language 란?

HTML에서 얘기하는 마크업 언어(Markup Language)도 C, JAVA 등의 언어와 마찬가지로 컴퓨터와 의사소통하고 명령을 내리기 위한 언어이다. 우리가 웹 상에 표시하고 싶은 내용들을 HTML 문서로 작성하면, 컴퓨터는 웹브라우저를 통해 HTML 문서를 읽어 들이고 모니터에 표현하여 우리에게 보여준다.

* 웹 브라우저란? (Web Browser)

웹을 둘러볼 수 있게 하는 응용 프로그램.

처음에 언급한 Hyper Text를 가능하게 하는 Hyper Link 기능도 마크업 언어가 담당한다.

바로 <a></a>라는 태그를 통해서 구현.

이런식으로 HTML 태그를 웹 브라우저가 읽어 들여 Hyper Link 기능을 구현하여 보여준다.

*태그(Tag)란?

옷을 사면 상품에 대한 정보가 적힌 태그가 달려있듯이 HTML에서 Tag의 기능도 마찬가지다.

<a>라는 태그를 사용하면 하이퍼 텍스트 기능을, <strong> 태그를 쓰면 굵은 글씨로 강조하는 기능을 수행해달라고 표시하는 것.

- 마크업 언어를 써서 표현하는 이유 -

1. 웹 브라우저에게 명령하기 위해

내가 만든 컨텐츠를 잘 표현해달라고 컴퓨터에게 명령을 해야한다.

그 명령을 마크업 언어를 통해 할 수 있으며, 웹 브라우저는 이러한 명령들을 읽어 들여 컨텐츠 제작자가 원하는 방향대로 정확하게 문서를 표현하는 것이다.

2. 문서 작성에 대한 협업과 유지 보수를 위해

- 제목 : HTML이란?

- 내용 : Hyper Text Markup Language

- 출처 : 향아는 코린이 (hyang-ah.tistory.com/)

이와 같이 마크업 언어를 통하여 문서를 구조적으로 표시를 해두는 것은 어디가 제목이고, 어디가 본문이고, 어디가 출처인지 태그만 봐도 알 수 있기 때문에 같이 문서를 작성하는 개발자나 디자이너들과의 협업을 위해서 필요하고 나중에 유지 보수하며 수정하기에도 좋다.

3. 정보를 수집하는 검색 엔진에게 정확한 자료를 제공하기 위해

네이버, 구글과 같은 검색 엔진들이 최신 데이터를 모으기 위해 사용하는 자동화 기술인 웹 크롤러라는 것이 있다.

웹 크롤러란 웹 사이트를 돌아다니면서 데이터를 자동으로 수집하는 것인데, 컴퓨터는 어떤게 내용인지, 어떤게 주소인지 태그 없이 내용만을 읽고서는 스스로 판단할 수 없다.

그래서 웹 크롤러라는 로봇이 HTML 문서 내에 있는 Tag를 읽고 그 태그를 통해 구조를 알 수 있는 것이다.

웹 정보를 수집하는 컴퓨터 로봇인 웹 크롤러에게 정확한 정보를 제공하기 위한 것은 컨텐츠를 제작하는 입장에서는 너무 중요하다.

웹에서는 단순히 나의 모습과 생각들을 업로드하는 것 이상으로 드러내고 싶어한다. 기업들과 블로그를 운영하려는 사람들로 따지자면, 정확한 타켓에게 우리의 컨텐츠가 노출이 잘 되고 광고가 잘 되길 원한다.

그런 의미에서 웹 컨텐츠 소비자들이 단순한 검색만으로 나의 컨텐츠에 손 쉽게 접근할 수 있도록 하는 것이 필요하다.

이러한 데이터를 수집하는 것이 웹 크롤러이고 이들이 오류 없이 정보를 이해하고 전달하여 검색이 잘 될 수 있게 하는 것이 필요하다. 그러려면 문서를 구조화하여 정확한 데이터를 표시해두어야 한다.

- 정리 -

마크업 언어는 웹 브라우저에게 내 컨텐츠를 어떻게 표현해야 하는지 명령하는 언어이며,

함께 일하는 인간들뿐만 아니라 웹 크롤러라는 데이터를 긁어 수집하는 로봇들에게도 웹 문서 내의 데이터들을 구조적으로 표시하여 정보를 전달하는 언어이다.

참고 : brunch.co.kr/@coveryou/14#comment

컁아는 코린이