HTML5가 나오기까지

http://www.w3schools.com/



어쩌다보니 웹을 건들이게 되었는데....(소소한 알바로 ㅎㅎ)

W3Schools.com


튜토리얼이 잘 되어 있어서 엄청 유용하다.

이를 바탕으로 슬슬 설명을 한번 해보겠습니다......




HTML5가나오기까지를 살펴보면,

1. 텍스트로만이용하던인터넷서비스

2. 웹브라우저가등장하면서인터넷은웹중심으로변화

3. 브라우저업체들간의경쟁. W3C 설립하고HTML 4.01까지발표.

4. W3C에서새로운표준으로XHTML 1.0 발표하지만실패

5. 브라우저업체들중심으로WHAT WG 결성하고새로운표준개발

6. W3C에서WHAT WG 받아들이고HTML5 공동개발. XHTML 포기



HTML5의 특징은 다음과 같다.

HTML + CSS + Javascript를기초로한Open Web Platform

1) 더풍부한웹애플리케이션

2) 더시맨틱한마크업

3) 더높은접근성

4) 더높은호환성




1) 더풍부한웹애플리케이션

-동영상이나음성재생(video&audio 요소)

-자유로운2D 그래픽(canvas 요소)

-오프라인에서도작동하는애플리케이션

-도메인간의통신구현

-Client측데이터저장(Web Storage, Web SQL DB 등)

-백그라운드처리수행(Web Workers)

-서버로부터의데이터푸시& 쌍방향통신(Web Sockets 등)

-로컬파일의내용을읽어들임(File API)



2) 더시맨틱한마크업

-시맨틱: 사람뿐만아니라기계가이해할수있는정보

-문서구조나문서안의데이터의의미를나타내는사양포함


<body>

<div class=“header”>..</div>

<div class=“content”>..</div>

<div class=“footer”>..</div>

</body></html>

 ----->

 <html><html>

<body>

<header>..</header>

<section class=“content”>

..

</section>

<footer>..</footer>

</body>

</html>



3) 더높은접근성

-접근성이란? 장애가있는사람들에게생활을둘러싼여러가지사물을이용할수있도록돕는다는개념.

-컴퓨터의경우문서나애플리케이션의사용의편의성

예) 시각장애자의경우음성브라우저이용웹컨텐츠이용.

-header, footer, section 등프로그램이문서구조이해

-HTML5는WAI-ARIA(WebAccessibility Initiative –Accessible Rich Internet Application)라는접근성향상을목표로한사양포함.



4) 더높은호환성

-버전간호환성

-후방호환성

: 기존HTML로작성된문서가HTML5 지원브라우저에서도제대로표시되는것

-전방호환성

: HTML5를지원하지않는브라우저에서도HTML5 문서사용

-브라우저간호환성

-완전한상호호환을이루고자상세한사양기술

-이미사용되고있는내용에서사양추출




참고

<Do it! HTML5+CSS3 웹표준의정석>

저자: 고경희

출판사: 이지스퍼블리싱