亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

HTML5

HTML5? ??????

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

HTML5? HTML? ?? ?? ????, 2014? 10? W3C(World Wide Web Consortium)?? ??? ???????.

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

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

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

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

??? ?? ??? ??

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

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

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

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


HTML5 ??

???? ??(???: ???)
HTML5? ????? ? ?? ??? ??? ?????. ?? ??? ??? RDFa, ??????? ? ??????? ?? ??? ?? ???? ????? ??? ???? ?? ?? ?? ??? ?? ?? ?????.
?? ?? ??(???: OFFLINE & STORAGE)
HTML5? ???? ??? Web APP? HTML5 APP Cache ? ?? ?? ?? ??? ?? ??? ???? ???? ??? ?????. ???? DB(html5 ?? ???? ?? ??? ?? ? ??) ? API ?????.
?? ??? ??(???: DEVICE ACCESS)
Geolocation ??? ?? API ??? ??? ?? HTML5? ? ?????? ????? ? ?? ?? ??? ??? ???? ? ?? ?? ??? ?????. HTML5? ??? ? ?????? ???? ?? ?? ?? ??? ?????? ?????. ?? ??????? ???? ??? ???? ?? ??? ? ????. ?? ?? ??? ? ???? ??? ? ???? ?? ??? ? ????.
?? ??(???: CONNECTIVITY)
?? ???? ?? ????? ??? ?? ??? ??, ?? ?? ? ?? ??, ?? ???? ??? ??????? ???????. HTML5?? ?? ???? ?? ?? ??? ??? ? ? ? ??? ?? ?? ???? WebSocket???. ? ? ??? ??? ?????? ???? "??"?? ??? ???? ? ??? ? ? ????.
? ????? ??(???: MULTIMEDIA)
? ????? ???, ??? ? ?? ????? ??? ???? ???? ?? APPS, ???, ??? ? ??? ??? ?????.
3??, ??? ? ?? ?? ??(???: 3D, ??? ? ??)
SVG, Canvas, WebGL ? CSS3? 3D ??? ???? ???? ??? 3D? ??? ? ????. ????? ???? ?? ??? ?? ??.
?? ? ?? ??(???: Performance & Integration)
?? ???? ??? ??? ???? ????. HTML5? XMLHttpRequest2 Work? ?? ??? ?? ??? ???? ? ??????? ? ???? ? ??? ????? ?????.
CSS3 ??(???: CSS3)
CSS3? ??? ?? ??? ???? ??? ? ?? ???? ??? ??? ?????. ?? ?? WOFF(Open Font Format)? ?? ? ???????? ? ??? ???? ?? ??? ?????.
? ?? ?? ?? ??? ???? HTML5 ??????? ???? ??? ?? HTML5 ??? ????? ?????? ??? ???? ? ??????.
?????? ??? ?????? ??? ??? ??? ?????. ????? ???? ?? ???? ??? UI ?? ??? ????? ???????.
?? HTML5 ??? ??????? ??? ???? ??? ????? ??? ??? ??? ?????. ??? ???? ??? ??? ?? ??? ??? ? ?? ????.
HTML5 ??? ??????? ?? ? ??? ?????? ?? ????? ??? ? ??? ????. ???? ?????? ???? HTML5? ??? ???? ?? ??? ???? ??, ??, ??? ? ??? ????? ???? ? ? ????. ?? ?? ???? ? ?????.
HTML5 ??? ?? ????? ??? ?? ???? ???? ?? ???? ?????.


HTML5 <!DOCTYPE>

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

HTML5 ??

? ??

? ??

CSS3 ?? ??

??? ? ???

2D/3D ???

?? ????

?? SQL ???

? ??????

HTML5 ?????

HTML5? ???? ???? ? ????? ???(video)? ???(audio)? ?????.

HTML5 <video>

HTML5 <audio>

HTML5 ??????

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

?? ??? ????

?? ?? ???

?? SQL ???

?? ??

Javascript ???

XHTMLHttpRequest 2

HTML5 ???

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

<canvas>

??? SVG? ?????.

CSS3 2D ??, CSS3 3D ??? ?????.

CSS3? ???? HTML5

? ???

? ??

?????

2D/3D ??

?? ???

??? ??

???? ??? ??

? ?? CSS3 ??? ??? ? ???? CSS3 ????? ?????.

HTML5 ???? ??

Safari, Chrome, Firefox ? Opera? ?? ??? ?? HTML5 ??? ?????. Internet Explorer 9? ?? HTML5 ??? ?????.

HTML5? ??? ??

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 ??? ??? ????? ???? ???? ?? ??????? ?????.

???? ??
||
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HTML5圓角例子</title> <style type="text/css"> body{ background-color: #000000; } div{ width: 100px; height: 100px; margin: 5px; border: 5px solid white; background-color: #efefef; } #dv-all{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; } #dv-top-left{ border-top-left-radius:15px; -webkit-border-top-radius:15px; -moz-border-top-radius:15px; } #dv-top-right{ border-top-right-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-top-right-radius:15px; } #dv-bottom-left{ border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px; } #dv-bottom-right{ border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px; } </style> </head> <body> <div id="dv-all">全圓角例子</div> <div id="dv-top-left">左上圓角例子 </div> <div id="dv-top-right">右上圓角例子</div> <div id="dv-bottom-left">左下圓角例子</div> <div id="dv-bottom-right">右下圓角例子</div> </body> </html>