구석진 개미집

[HTML5CSS3/001] 왜 HTML5를 사용해야 하는 것일까? 본문

프로그래밍/HTML5/CSS3

[HTML5CSS3/001] 왜 HTML5를 사용해야 하는 것일까?

개미。 2014. 12. 8. 00:27

 

1. 먼저 HTML이란 무엇일까요?

HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다. HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 자바스크립트와 본문과 그 밖의 항목의 외관과 배치를 정의하는 CSS 같은 스크립트를 포함하거나 불러올 수 있다. HTML과 CSS 표준의 공동 책임자인 W3C는 명확하고 표상적인 마크업을 위하여 CSS의 사용을 권장한다.

출처: Wikipedia


2. 그럼 기존의 HTML4.1과 다른 점은 무엇일까요?

(1) 플래시, 실버라이트 플러그인이 없어도 멀티미디어 컨텐츠를 구현할 수 있습니다.

수 많은 ActiveX 플러그인을 사용하지 않아도 된다는 말입니다. 다양한 2차원 및 3차원 그래픽 기능을 지원하며, 비디오와 오디오 기능을 제공합니다. 그렇게 되면 별도의 플러그인을 사용하지 않아도 되기 때문에 속도도 빨라질 것입니다.

(2) 반응형 웹을 구현할 수 있습니다.

예전에는 주로 PC를 통해서 웹을 접속했었지만, 이제는 PC말고도 많은 모바일기기를 통해서 웹을 접속합니다. 그렇기 때문에 모바일기기의 화면에 맞는 웹사이트를 개발해야 합니다. 하지만 PC용, 모바일용, 그리고 기타 수많은 기기에 맞는 웹사이트를 만들게 된다면 막대한 비용이 소요될 것입니다. 하지만 HTML5에서는 반응형 웹을 지원합니다. 즉, 제가 운영하고 있는 블로그처럼, 사용하고 있는 기기의 화면 크기에 따라 자동으로 조정해 주는 웹사이트라고 설명드릴 수 있겠습니다. 반응형 웹을 사용할 수 있게 됨으로써 비용을 절약할 수 있게 됩니다.

(3) 그 밖에

웹(클라이언트)에서 서버 측과 직접적인 양방향 통신 가능, CSS3의 사용, 카메라나 동작센서 등의 하드웨어 기능을 웹에서 직접적으로 제어, 오프라인 상태에서도 웹을 사용할 수 있도록 함, GPS없이도 지리적인 위치 정보를 제공, 시맨틱 기술을 적용 할 수 있습니다.

 

현재(2014년 12월 08일)도 HTML5 표준화가 계속 진행되고 있습니다. 그렇기 때문에 수요에 비해서 HTML5 관련 전문가가 많이 없는 것으로 알고 있습니다. 저 또한 열심히 공부하고 있고요. ^^;

앞으로 공부해 나가면서 주요 소스코드와 사용법, HTML5식으로 코딩하는 방법 등을 연재해 나갈 예정입니다. 제가 실력이 많이 부족하기에, 댓글을 통해서 잘못된 부분은 지적해 주시고, 추가했으면 좋겠다는 내용이 있으면 알려주셨으면 좋겠습니다. 참고로 공부하면서 참고하는 것들은 HTML5 관련 서적, 인터넷진흥원에서 운영하는 웹사이트입니다. 잘 부탁드립니다!


즐거워
내용이 마음에 드신다면 공감(♡)을 눌러주세요.
로그인 하지 않으셔도 가능합니다. 감사합니다!

Comments