HTML(Hyper Text Markup Languge 하이퍼 텍스트 마크업 언어) 언어란? 우리가 서빙하는 웹페이지가 어떤 구조로 되어있는지 브라우저로 하여금 알 수 있도록 문서 내용을 구조적으로 표현해주는 마크업 언어입니다. 즉 꺽쇠(<,>)로 둘러싸인 태그 Tag를 사용하여 웹사이트에 표시되는 문자, 사진, 영상, 레이아웃 등을 구성하고 있는 언어입니다. 컴퓨터는 규칙적으로 정해저 있는 약속된 Tag 태그를 보고 문장의 구조를 이해하게 되는 것입니다.
티스토리 블로그 HTML 언어가 필요한 이유
우리가 티스토리 블로그에 작성한 글이 웹사이트에 보이기 위해서는 웹사이트를 돌아다니며 데이터를 자동으로 수집하고 있는 웹 크롤러라는 로봇이 쉽게 찾을 수 있도록 해야 합니다. 그러기 위해서는 웹 크롤러라는 검색엔진이 알아볼 수 있는 언어를 사용해야 하는데 그 언어가 티스토리 블로그에서는 티스토리 HTML입니다. 티스토리 에디터에서 상단에 있는 기본 모드를 클릭하여 HTML로 바꾸면 HTML언어를 볼 수 있습니다.
티스토리 HTML 용어 해석
●Hyper text(하이퍼 텍스트)
그대로 직역하면 텍스트를 뛰어넘는다는 뜻입니다. 텍스트의 사전적 의미는 상대방에게 어떤 의미를 전달하기 위해 숫자나 단어 등을 사용해서 문장을 구성하게 되는데 이렇게 적힌 글이 텍스트입니다. 여기에서 말하는 텍스트는 사전적 의미가 아닌 텍스트의 정보에 대한 접근을 이야기합니다. 우리는 책을 볼 때 목차를 보고 원하는 페이지를 찾아 넘기면서 정보를 습득합니다. 이러한 방식은 순차적 접근방식입니다. 그러나 하이퍼 텍스트는 텍스트에 대한 접근이 순차적 접근을 뛰어넘는다는 뜻입니다. 단 한 번에 원하는 정보를 찾는 것을 말합니다. 즉 클릭 한 번에 원하는 데이터를 찾을 수 있는 하이퍼링크와 같은 순간이동을 말합니다.
●Markup(마크업)
마크업은 어딘가에 표시를 해두는 것을 말합니다. 우리가 블로그에 글을 쓸 때 제일 먼저 제목이 있습니다. 제목 아래에 본문 그리고 소제목도 있을 수 있고 마지막에 결론이 나올 수도 있습니다. 우리는 이렇게 작성된 문장을 보면 어디가 제목인지 본문인지 무슨 내용인지 금방 알아볼 수 있습니다. 그러나 컴퓨터는 알아볼 수가 없습니다. 그래서 컴퓨터가 알아볼 수 있도록 문서 내용을 구조적으로 표현하는 방법이 Markup(마크업)입니다.
●Languge(랭귀지)
언어라는 뜻이죠. 여기에서 말하는 HTML언어란 컴퓨터와 의사소통을 하기 위한 언어를 말합니다. 컴퓨터는 혼자서는 일을 하지 못합니다. 컴퓨터에 일을 시키기 위해 명령을 해야 하는데 컴퓨터가 이해할 수 있도록 명령을 해야 합니다. 그 언어가 Markup Languge(마크업 랭귀지)입니다. 마크업 언어는 태그(Tag)를 가지고 하게 됩니다.
태그(TAG) 란?
태그는 꼬리표를 뜻하며 태그에는 그 상품에 대한 정보가 담겨있습니다. 우리가 옷을 사면 태그가 붙어있는데 그 태그가 없으면 반품이나 교환이 어렵습니다. 왜냐하면 태그에 그 옷에 대한 정보가 있기 때문입니다. 마크업 언어는 문서 내용을 구조적으로 표현하는 약속된 언어를 말하며 태그를 통해서 하게 됩니다. HTML에 사용되는 TAG의 기능도 정보가 담겨있는 꼬리표와 같은 역할을 합니다. HTML에서 사용되는 Tag는 각자의 이름에 따라 각자 특정한 역할을 갖고 있습니다. 예를 들면 <head></head> 제목을 뜻하는 태그이며 <body></body> 본문을 뜻하는 태그입니다. 이런 식으로 이름이 규칙으로 정해져 있습니다. 컴퓨터는 여러 가지 규칙으로 정해저 있는 약속된 태그를 통해 문장의 구조를 이해할 수 있습니다.
'알아가는 정보' 카테고리의 다른 글
| 문자 메시지 종류 SMS LMS MMS (1) | 2023.08.08 |
|---|---|
| 자급제 단말기와 알뜰폰 가상 이동 통신망 사업자(MVNO) (0) | 2023.08.04 |
| 해외 출국 시 자동 로밍 데이터 요금 폭탄 피하는 방법 (0) | 2023.07.30 |
| 키오스크 노년층은 아직도 어색한 무인 기기 (0) | 2023.01.12 |
| 왕초보 애드센스 승인후 티스토리 자동광고 넣는 방법 (0) | 2022.10.23 |
댓글