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

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

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

HTML5? ??? ??? ???? ??? ?? ?? ???. HTML5? ?? ???? ?? ? ??? <video></video> ? <audio></audio> ? ?? ????? ??? ?? ?? ?????. Flash? ?? ?? ????? ???? ??? ?????. ??? ???? ?? ???? ?????? ???? ?? ???? HTML5? ??? ?? ???? ??????. ??? ???? ????? ?? ??? ?? ?? ?? ??? ????.

 <video width = "320"height = "240"???>
  <?? src = "movie.mp4"type = "video/mp4">
  <?? src = "movie.ogg"type = "video/ogg">
  ????? ??? ??? ???? ????.
</video>

? ?? ? ??? ????? ?????. ?? ??? ??? ???? ???? ???? ???? ??? ??? ???? ?? ????? ?? ???? ??? ? ? ????.

HTML5? ? ?? ??? ??? ? ???? ????? ????. <header> , <footer> , <nav> ? <article> ? ?? ??? ??? ??? ???? ??? ???? ????????. ??? ??? ????? ?? ?? ?? ?? ? ????? ??? ??? ??? ?? ?? ??? ???? ??? ? ? ????? ?????. ? ??????? ??? ??? ??? ???? ?? ????? ???? ??? ??? ?? ???? ???? ????? ????????.

HTML5? ?? ? ????????? ???? ????? ??? ?? ??????. <canvas> ??? ?? ??? ???? ?? ?????? ???? ?? ??? ??? ? ?????? ?????. ???? ???? ??? ??? ??? ??????. ?? ??? ??? ?? ? ?? ??? ????. ??? ???? ???? ??? ??? ?? ????.

 <canvas id = "mycanvas"width = "200"height = "100"style = "??? : 1px solid #000000;"> </canvas>

<cript>
var canvas = document.getElementById ( "mycanvas");
var ctx = canvas.getContext ( "2d");
ctx.fillstyle = "#ff0000";
ctx.fillRect (0, 0, 150, 75);
</????>

? ? ??? ?????? ?? ?? ???? ???? ? ?? ????? ?? ??? ????? ??? ?????.

??? HTML5? ?? ??? ?? ??? ????? ?? ????. ?? ?? ?? ? ??? ???? ??????. ???? ???? ???? ?? ??? ????? ??? ?? HTML5 ???? ???? ?? ????. ?? ???? ?? ?? ????? ??? ??? ???? ?? ??? ????? ?? ??? ??????? ?? ?????. ?? ??, <canvas> ??? ??? ?? ?? ???? ?? ??? ?????.

 <canvas id = "mycanvas"width = "200"height = "100"> </canvas>

<cript>
var canvas = document.getElementById ( "mycanvas");
if (canvas.getContext) {
  var ctx = canvas.getContext ( "2d");
  ctx.fillstyle = "#ff0000";
  ctx.fillRect (0, 0, 150, 75);
} ? ?? {
  // ?? ??
  document.getElementById ( "mycanvas"). innerHtml = "????? ??? ??? ???? ????.";
}
</????>

? ???? ?? ???? ??? ?? ????? ???? ??? ??? ??? ?? ? ??????.

???? ? ? ?? ??? ?? ??????. HTML5? ??? ??? ??? ??? ???? ??? ? ??? ???? ??? ? ????. ??? ?? ? ??? ??? ??? <canvas> ?? ??? ????? ??? ????? ? HTML5 ??? ??? ?? ?? ??? ??? ??? ?? ?????.

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

? ??? HTML5? ?? :?? ???? ??? ??? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!