본문 바로가기
프로그래밍 놀이터/Web

[HTML] HTML5 에 대해 간단히 알아보자. ( 소개 )

by 돼지왕 왕돼지 2012. 10. 6.
반응형



출처 : http://www.w3schools.com/html/html5_intro.asp

How Did HTML5 Get Started?

- FLASH 같은 external plugin 을 줄이기 위해서

- 더 나은 error handling 을 위해서

- scripting 을 대체할 markup 을 추가하기 위해서

- device independent 로 만들기 위해서

- 개발 프로세스를 public 하게 보이게 하기 위해서.




The HTML5 <!DOCTYPE>

- <!DOCTYPE html>




HTML5 - New Features

- 2D drawing을 위한 <canvas> element

- media 를 위한 <video> 와 <audio>

- local storage 지원

- content-specific elements <article>, <footer>, <header>, <nav>, <section>

- 새로운 form control : calendar, date, time, email, url, search



Browser Support for HTML5

- official standard 는 아직 아니다. 그래서 모든 브라우저가 HTML5 의 full 기능을 지원하지 않는다.




HTML5 References




HTML5 New Elements

New Semantic / Structural Elements

- <article>

- <aside>

- <bdi>

- <command> : command button

- <details>

- <summary>

- <figure>

- <figcaption>

- <footer>

- <header>

- <hgroup>

- <mark>

- <meter>

- <nav>

- <progress>

- <ruby>

- <rt>

- <rp>

- <section>

- <time>

- <wbr>




New Media Elements

- <audio>

- <video>

- <source>

- <embed> : plug-in

- <track>




New Form Elements

- <datalist> : pre-defined options

- <keygen> : key-pair generator field

- <output>



The new <canvas> Element



Removed Elements

- <acronym>

- <applet>

- <basefont>

- <big>

- <center>

- <dir>

- <font>

- <frame>

- <frameset>

- <noframe>

- <strike>

- <tt>



도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x )



 
반응형

댓글