H5 ? HTML5? ?? ?????. HTML5? ??? ?? ? API? ???? HTML? ?????. H5? HTML5? ???? ? ??? ?????? ?? ??? ?????. HTML5? ????? ?? ??? ?? ???? ????? ?? H5 ?? ????? ????? ???? JavaScript? ?? ?? ??? ?? ???????.
??
???? ??? ???? H5? HTML5?? ??? ?? ???? ??? ????? ?? ??? ??? ?????? ? ??? ???? ????? ???? H5? HTML5? ???? ???? ?? ???? ????. ? ??? ???? ? ??? ??? ??? ????? ??? ?? ???? ?? ????? ??? ? ??? ??? ? ????.
?? ?? ??
?? ?? ?? ??? ?????. ?? ?? ??? ??? ?? ? ?? ? HTML? ? ???? ???? ? ???? ?? ?? ? ?????. ?? ?? ? HTML5? ?? ??? ??? API? ???? ? ??? ? ???? ???? ????. H5? HTML5? ????? ????? HTML5 ??? ???? ? ??? ?????? ?? ??? ??? ?????.
?? ?? ?? ?? ??
H5 ? HTML5? ?? ? ??
H5 ? HTML5? ??? ????? ??? ??? ????. HTML5? HTML ???? <header></header>
, <footer></footer>
, <article></article>
?? ?? ??? ??? ??? ???, ??? ?? ?? ?? ??? API? ???? ?????? ???? ??? ? ???? ?? ? ????.
??? H5? ????? HTML5 ??? ???? ? ??? ?????? ?? ??? ??? ?????. H5 ?? ????? ?????? HTML5 ??? ???? ?? ?? ????? ?? ??? ?????. H5 ??????? ??? ????? ???? ?? ??? ?? ? ??? ?? ? ??? ??? ?? ?? ?????? ?? ? ? ??? ????.
?? ??
HTML5? ????? ?? HTML ??? ?? ???? ????? ? ??? ???? ?????. ????? HTML5? ??? ?? ? API? ???? ???? ???? ?????. ?? ??, Canvas API? ???? ???? ? ???? ????? ??? ?? Geolocation API? ???? ??? ?? ??? ?? ? ????.
H5 ?? ????? ?? ??? ? ???? ????? HTML5 ??? ????? ???? ?? ??? ??? ?????. ? ????? ???? ?? ?? H5 ?????? ?? ? ? ????. H5 ?? ????? JavaScript? ?? ?? ??? ?? ???? ?? ?? ????? ??? ??? ?????.
??? ?
?? ??
Canvas API? ???? ?? ??? ??? ???? ??? HTML5 ?? ??? ?? ?????.
<! doctype html>
<html>
<body>
<canvas id = "mycanvas"width = "200"height = "100"style = "??? : 1px solid #000000;"> </canvas>
<cript>
var canvas = document.getElementById ( "mycanvas");
var ctx = canvas.getContext ( "2d");
ctx.beginpath ();
ctx.arc (95, 50, 40, 0, 2 * math.pi);
ctx.stroke ();
</????>
</body>
</html>
? ??? ? ???? ?? ?? HTML5 Canvas API? ?? ???? ?????.
?? ??
?? H5 ??? ??? ???? ??? ??? ??????? ??? ??? ???? H5 ?? ????? ?? ?? ?????.
<! doctype html>
<html>
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0, ?? ?? = 1.0, ???-?? = no">
<title> h5 ? ? </title>
<script src = "cordova.js"> </script>
<cript>
document.addeventListener ( 'deviceReady', ondeviceReady, false);
ondeviceReady () {
Console.log ( '??? ???????!');
// ? ?? H5 ?? ???? ??? ??? ?? ? ? ????}
</????>
</head>
<body>
<H1> H5 ?? ?? ?? ????? </h1>
</body>
</html>
? ??? Cordova ??? ??? ???? H5 ?? ????? ???? ??? ????? ? ?? ??? ???? ??? ?????.
???? ?? ? ??? ?
HTML5 ? H5 ?? ?????? ??? ?? ? ?? ???? ??? ??? ?? ? ? ????. ?? ??, HTML5? ??? ??? ?? ?????? ???? ?? ? ???, PolyFill? ??? ??? ???? ? ??? ? ????. H5 ?? ????? ?????? ??????? ?? ?? ?????? ??? ?? ? ? ???? ?? ??? H5 ?? ????? ???? ?????. ? ??? ???? ?? Chrome DevTools? ?? ?? ??? ??? ???? H5 ?? ????? ??? ???? ??? ? ? ????.
?? ??? ? ?? ??
?? ???????? HTML5 ? H5 ?? ????? ??? ????? ??? ?? ?????. HTML5? ?? ?????? ???? DOM ??? ??? ??? ? ??? ???? ? ??? ?? ?? ? ?? ?? ???? ? ????. H5 ?? ????? ?? ???? ??? ???? JavaScript ?? ???, ???? ?? ?? ??? ?? ????? ??? ???? ? ????.
?? ?? ? ?? ?? ??? ??? ?? ?? ?????. ?? ??, ?? ? ?? ?? ???? ??? ??, ??? HTML ??? ????, ? ?? ? ?? ??? ?????. ??? ??? ?? ??? ?????? ??? ?? ??? ? ? ?? ???? ??????.
????? H5? HTML5? ??? ??? ??? ??? ??? ??? ????. HTML5? ?? ??? ??? API? ???? HTML ???? H5? HTML5 ??? ???? ? ??? ?????? ?? ??? ?????. ???? ???? ?????? ???? ??? ??? ???? ?? ??? ??? ? ? ??? ? ????.
? ??? H5? HTML5 ??? ?? : ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!