HTML5 탄생배경

HTML5 HTML5

이번엔 HTML5이 왜 탄생했는지에 대해서 정리해보려고해요.

HTML5는 이름에서 알 수 있듯이 HTML의 한 종류인데 HTML의 발전이 거듭되면서 5버전까지 오게 된거에요.

일단 HTML을 알기 위해서 HTML의 전체 이름을 보면 HyperText Mark-up Language로 마크업언어 중에 하나 인데 마크업언어가 뭐냐하면 쉽게 말하면 어떤 모양을 정의해주는 거에요. 예를 들어 책을 쓴다고 가정했을 때 출판사에 표지를 어떤식으로 해달라고 요청할 때

창문넘어 도망친 100세 노인 표지

책의 상단부분에는 하얀색으로 영문으로 글씨를 넣어주시구요 중간 부분에는 노인이 긴 파자마바지와 갈색 가디건을 입고 초록색 캐리어를 끌고가는 그림과 그 옆에 흰색으로 태양, 갈매기, 구름 등 이미지를 넣어주시고 하단부에는 한글로 창문 넘어 도망친 100세 노인을 넣어주세요.

이런것 역시 마크업언어에요. 이런 방식으로 구현하는게 HTML이구요. 물론 전산학 기초의 관점으로 봤을 때 HTML은 SGML(Standard General Markup Language)이라는 마크업언어의 기준이 되는 언어에서 응용되어 나온것으로 SGML의 태그 명령어 방식을 그대로 가져왔어요. 여기서 태그 명령어 방식이란건 다음과 같은 형태를 의미해요.

<html>

<head>

</head>

<body>

</body>

</html>

이런 HTML은 웹(Web)을 이루는 가장 기초적인 구성 요소로 누구나 작성 가능하고 어떤 편집기를 사용해도 상관이 없고 저장할 때에만 확장자를 html로 저장해주면 돼요. 저장한 문서를 더블클릭 혹은 엔터를 눌러 실행시키면 웹 브라우저 창이 뜨고 브라우저가 이를 해석해서 사용자에게 해당 화면을 띄워 주게 되는거에요.

초창기 네이버 메인 화면

초창기 네이버 메인 화면은 이렇게 텍스트로 이루어져 있고 지금의 메인 화면과 비교해보면 많이 단순한 것을 보실 수 있습니다. 그래서 처음에는 웹 페이지를 구성할 때 html만으로 작성이 가능했어요. 그런데 요즘 네이버 메인 화면을 보면,,

최근 네이버 메인 화면

다양한 이미지가 포함되어 있고 심지어 광고배너부분은 동영상이 재생되곤 합니다. 영상같은 경우는 절대 기존 HTML문서만으로는 작성이 불가능합니다. 그래서 나온 것이 바로 플러그인(Plug-in) 입니다! 가장 대표적인 플러그인으로는 Adobe사의 Flash가 있고 MS의 ActiveX가 있습니다.

Adobe Flash 적용 사례

웹을 돌아다니면서 영상을 보려고 하다 보면 플래시가 적용된 곳은 이런식의 설치 권장 문구를 보실 수 있어요. 이런 플러그인들을 활용하면 웹 브라우저를 통해서 무궁 무진한 기능들을 사용자에 컴퓨터에 웹 브라우저와 연동되는 추가 프로그램을 설치만 하게 하면 거의 모든 기능을 구현 가능합니다. 그런데 스티브잡스가 애플은 Flash를 사용하지 않겠다고 했죠 .. 그 이유가 있습니다.

플러그인을 사용하면 기능 구현은 가능 하지만 여러가지 문제가 존재해요. 그 중에서 가장 심각한 문제는 바로 호환성. 예를 들면 가장 쉽게 접하실 수 있는 건 쇼핑몰 사이트를 이용하다 보면 인터넷 익스플로러로는 결제가 잘 되다가 어느 날 크롬으로 결제를 하려고 하면 또 결제 보안 모듈을 설치해야되는 것을 경험하셨을 겁니다. 이게 바로 호환이 안 되는 것이에요.

그래서 나온 것이 바로! HTML5입니다. HTML의 발전 과정은 최초 개발자 팀 버너스 리가 수장인 협회 W3C(World Wide Web Consocium)에 의해 HTML은 버전업을 진행하면서 이미 HTML만으로 요즘의 웹페이지를 구성할 수 없다는 것을 깨닫고 거의 버려진 느낌이었으나 HTML자체적으로 <video>, <header>, <session> 등 여러 태그들을 새로이 추가하면서 플러그인에 의존하지 않고 영상을 자체적으로 담을 수 있는 시대가 열린것이죠. 실제로 HTML5는 2014년 웹 표준 언어로 등극을 하고 요즘은 웹 개발을 하는데 필수 지식으로 자리 잡았습니다.

이상으로 HTML5 탄생 배경에 대해서 정리했습니다.

저작자표시

Notices

Categories

Recent Posts

Tags

Visitors

Administrators

HTML5 탄생배경

티스토리툴바

HTML5 탄생배경

🔑 Basic Concept 관련 포스팅 더보기

티스토리툴바