HTML5 ??

HTML5? ??????

HTML5? ??? HTML ?????.

HTML 4.01? ?? ??? HTML? 1999?? ??????. ? ??? ?? ??? ???? ?????.

HTML5? ?? ?? ?? ?????. ??? ???? ?? ?????? ?? HTML5? ?? ???? ????.

HTML5? ??? ???????

HTML5? W3C? WHATWG(Web Hypertext Application Technology Working Group) ?? ??? ?????. .

WHATWG? ? ??? ??????? ??? ??, W3C? XHTML 2.0? ??? ?? ????. 2006?? ? ???? ??? ??? HTML? ??? ?? ????? ??????.

HTML5? ? ?? ???? ? ??:

??? ??? ??

??? ??? ??? ? ??? ??

? ?? ?? ?? ???? ???

??, ???, ??, ??, ??? ?? ??? ?? ??? ??

???, ??, ??, ???, URL, ??? ?? ??? ?? ???

1. ??? ? ??? ??

???? ??? ?? ??? ???? ? ??? ?? ?? ??????. YouTube? Flash? ????, Microsoft? Windows Media?? ????, Apple? QuickTime? ?????. ? ????? ? ???? ???? ? ??? ??? ?? ??????? ???? ????.

HTML5? ??? <audio> ? <video> ??? ???? ????? ???? ?? ???? ???? ??? ? ????.

?? ??? ??? ???? ???? ???? ??? ??? ????. Ogg Theora? ??? ????? ??? ? ????. QuickTime? ?? ?? ??? MPEG-4? ?? ?? ?? ??? ?? ??? ??? ????. ???? ?? ??? GIF, JPEG ? PNG(BMP, X-Bitmap ? JPEG? ?? ???? ??? img ??? ?? ?? ??? ?? ?? ???)? ???? ??? ?? ??? ???? ????. 2000).

2. ????? ???

HTML 5?? ?? ??? ??? ??????, ?? ???? ? ? ??? ??? ?????. HTML 5 ???? JavaScript? ?? ???? ??? ?????? ??? ??? ?????. ? ??? ???? ?? ???? ?? ? ?? "????"(???? ???? ??? ???)? ????. ????? ?? ??? ????? ???? ??? API? ?? ??? ??? ??? ?????. ?? ??? HTML5 Canvas ??? ???? ? Invaders ??? ??? ?????.

3. ?? ??

QQ圖片20161012092844.png

???? ??? ?? ?? ?? ???? Google ??? ???? ??? ??? ?????.

HTML5? ? ?? ??? ??? ?? ?? ?? ?????. ?? ??????? W3C??? ???? HTML5? ???? ?? ??? ?? ?? ??? ??? ? ????. Google ????? ??? ??? ?????. Google ???? ? ?? ???? Google ??? ?? ??? ???? ?? ?? ????. ?? Geolocation API? ?? ???? ????(Chrome ? Firefox 3.6+? ??)?? ?? ????? ??? Google Gears ????? ???? ?? ?????? ? ??? ??? ? ????.

Twitter? ?? ???? ?? ?? ?? ??? ?????. ????? Geolocation API? ???? ?? ???? API? ?????. ??? ??? Google Gears? ?????.

4. ???? ??, WEB SOCKET

5. ?? ???? ??????(??? ??? ??? ???)

6. ?? ???

?? HTML4? ??? ???? ??? ???? ???? ???? ??? ??? ????? ?? ???? ??? ?? ???, HTML5? ? ???? ???? ????? ?? ? ? ??, ? ?? ????? ???? ??? ? ??? ?????. ?? ? ?? ??.

7. ??? ??

HTML5? ?? ? ??? ??, ???, ??, ?? ??? ???? ? ??? ??? ?? ???? ? ??? ????. ??? ? ??. ??? ???? ?? ??? ? ???? ? ?? ???? ? ???, ??? ? ??? ??? ??? ??? ? ????.

?? HTML5? ???????? ???? ?? ??? ?? ??? ??? ? ????. ? ???? ??? ??(??????? ??)? ?? ???? ???? ??? ?? ??? ??? ??? ??? ? ????. ???????? ????? ?? ?? ???? ?? ?????. ?? ??? ???????? ???? ????? ??? ?? ? ???, ????? ?? ???? ?? ???? ??? ???? ??? ? ????.

HTML5 <!DOCTYPE>

<!doctype> ??? HTML5 ??? ? ?? ?? ??? ???. ??? ?? ?????.

<!DOCTYPE html>

?? ??

HTML5? ??? ?? ?? ?? ??? ???? :

QQ圖片20161012092813.png

HTML5? ??

　1. ??? ?? ? ??? ???? ?? ??

　2. ???? ??? ???? ???? ? ??? ?? ??? ?? ;

3. ???? ? ?? ????? ??(??? ? ???)? ??? ? ????.

4. FLASH ? Silverlight? ??? ? ????.

5. ?? SEO ??????. ???? ??? ? ?? ??? ??

　6. ??? ?????? ? ???? ?? ?????.

HTML5? ??

1. HTML5 ??? ?? ?? ???? ??? ??????? ?? ??? ?? ??? ???? ????? ???? ? ??? ?????. ????? ???? ??? ???? ???.

2. HTML5? ???? ?? ????? ??? ?? ?????. ?? ?? Microsoft? IE? Fireforx?? ?? ???? ????.

3. HTML5?? ???? ??? ?? ??? ????? ??? ?????.

4. HTML5 ??? ???? ?? ?????? ???? ??? ??? ???? ??? ?????.

5. HTML5?? ???? ????? ??????? ????? HTML5 ??? ??? ????? ???? ???? ?? ??????? ?????.

?? ??

2012? 1? ???? ?? ? ?? ????? 34% ??? HTML5 ??? ???? ????. IE6-8 ????? ???? ?? ?? ?? ????? HTML5? ????, ? ? iPhone/iPad? Flash? ???? ????.

IDC ??? ??? 2013??? ? ?? 10? ?? HTML5 ????? ??? ???, 200? ?? ???? HTML5 ????? ??????? ??? ??? ?????. HTML5? ?? 5~10? ?? ??? ??? ??? ??? ? ????.

???? ??

??? ??

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head> <body> <video width="320" height="240" controls> <source src="" type=""> <source src="" type=""> 你的瀏覽器不支持 video 標(biāo)簽。 </video> </body> </html>

?????? ???

????