HTML/CSS

1화 HTML5와 CSS3는 도대체 뭐죠?

HTML의 탄생

1990년대부터 인터넷 보급되면서 웹의 발전이 시작됩니다.

웹이란? 멀티미디어와 하이퍼링크 개념으로 이용한 문서를 인터넷으로 연결시킨 것. 쉽게말해 여러분이 지금보고 있는 게 웹입니다.

정확히 말하면 "웹문서" 이지요..

참고로 그 웹문서를 보여주는 프로그램이 바로 "웹브라우저"입니다.

 

웹문서는 HTML이라는 특수한 언어로 이루어져있습니다.

또 HTML의 코드를 "태그" 라고 부릅니다.

시간이 지나며, HTML은 V 1.0 ,V 2.0 ,V 3.0 ,V 4.0를 거치며, 수많은 보정작업과 추가작업을 거쳐

현재 HTML5까지 왔습니다.

참고로 HTML은 W3C라는 단체에서 그 표준을 제정한답니다.

 

CSS의 출현

html만 사용하다보니, 예상치못한 문제가 발생합니다.

html태그에 바로 디자인하다보니, 한 디자인을 수정할려면 해당 디자인에 관련된 태그를 전부 수정해야하는 번거로운 작업이 기다리고 있었습니다.

그래서 CSS라는 것을 만들었습니다.

CSS는 태그에 직접 스타일 속성을 부여하지 않고, 대신 스타일이름(?)을 태그에 부여하여 간접적으로 태그에 스타일을 부여합니다.

이렇게 되면 똑같은 스타일이름(?)을 갖고 있는 태그는 모두 똑같은 스타일이 적용되게 되어 스타일코드 한개만 수정하면 동시에 여러개의 태그의 스타일을 마음대로 바꿀 수 있습니다.

 

HTML5의 변화

 html5는 html5이전 버전들보다 엄청나게 변화합니다.

먼저 기존에는 동영상,오디오 재생에 플래시,미디어플레이어등의 플러그인이 필요했는 데..

html5에서는 플러그인 필요없이 자체적으로 동영상,오디오 재생을 지원합니다.

그리고 html5에서는 캔버스를 지원해서 그림을 그릴 수 있습니다. (특히 게임만들때 유용)

그밖에도 기존에 없어진 태그도 있고, 추가된 태그도 있고, 현재 위치파악도 가능해졌습니다.

 

요즘에는 플래시없이 순수 html5로 게임제작이 시도되고 있답니다. (html5이전에는 감히 상상도 할 수 없었습니다.)

이렇게 되면 게임프로그램 설치없이 웹브우저만 뛰우면 게임을 할 수 있을 겁니다.

 

1.png

 [ 순수 HTML5로 만든 게임 ]

http://html5games.com 에 들어가보면 HTML5로 만들어진 게임을 볼 수 있습니다.

 

HTML5와 웹브라우저

현재 모든 브라우저가 HTML5를 지원하는 것은 아닙니다.

왜냐면 웹브라우저들이 각각 다른 회사에서 만들어졌고, 아직 HTML5표준이 다 제정 되지않았기때문입니다. (2013.12.19일경 기준)

하지만 개발자들은 모든 브라우저에서 똑같은 화면이 나오도록 노력해야 됩니다.

예를 들어 A브라우저에서만 메뉴가 나오고, B브라우저에서는 메뉴가 안나오면 문제가 있겠지요.. (여러사용자들이 여러 브라우저를 사용하고 있는 데..)

 

http://html5test.com/ 라는 사이트에 들어가면 현재 보고있는 웹브라우저가 HTML5를 얼마나 지원하고 있는 지 나옵니다..

 

 

Atachment
첨부 1
  • ?
    다이오니 2015.02.02 01:26:45
    서버자체의 컨텐트가 동적인 컨텐츠를 제공하는 것이 아니라 웹 브라우저의 도움을 받아 실행되는 HTML5와 CSS3는 브라우저 마다 어떤 기능을 내장하고 있는냐가 중요해서 HTML5 시대에는 개개인에게 맞는 브라우저 선택이 중요한 것 같아요~
  • ?
    donilee 2015.04.10 00:32:45
    강좌 잘 읽겠습니다. 감사합니다~~
  • ?
    지옥 2015.07.02 15:39:38
    이 게시판 내용 정주행 해보려 합니다. ㅎㅎ

    내용이 제목만 봐도 공부가 많이 될거 같네요,
?