H5? ? ??? ??? ? ??? HTML5? ????. 1) HTML5? ???? ??? ? ? ????????? ??? ??? API? ?????. 2) ?????? ?????? ???? ?? ?? ??? ??? ??????. 3) ??? ??? ?? ??? SEO? ??????. 4) H5? ?? ? ??? ??? ??? ? ??? ???? ??? ?? ??? ?? ???? ?????.

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

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

HTML5 ?? H5? ???? ??? ? ? ????????? ?? ???? ??? ??? ??? API? ???? ? ??? ??? ????. HTML5? ?? ? ??? ???? ???? ?????? ??? ?????? ??? ??? ????? ????? ?? ?? ???????.

?? ??? ? H5 ??? ???? ??? ???? ? ???? ??? ???.

????? H5? ???? HTML5? ??? HTML? ?? ??? ????. ?? ?? ??? ?? ?? ??? ? ?????. ??? ??? ???? ????? ??? ???? ??? ?? ??? ?????? ??? API? ????? H5? ?? ??????.

H5?? ?? ?? ???? ?? ? ??? <canvas></canvas> ??? ?????? ?? ???? ?????? ?????. ???? ???? ??? ??? ???? ??? ?????? ???? ?? ?????. ?????? ?? ??? ???? ??? ??? ??? ???? ??? ?????.

 <canvas id = "mycanvas"width = "500"height = "300"> </canvas>

<cript>
    var canvas = document.getElementById ( &#39;mycanvas&#39;);
    var ctx = canvas.getContext ( &#39;2d&#39;);
    ctx.fillstyle = &#39;Green&#39;;
    ctx.fillRect (10, 10, 100, 100);
</????>

? ??? ?? ???? ?? ???? ??? ??? ?????. H5? ??? ???? ?? ????? ? ????? ???? ?? ??? ??? ? ?????? ?? ? ??? ????.

H5? ? ?? ??? ??? ?????? ?? ?????. <video> ? <audio> ??? ???? ??? ? ?? ????? ???? ?? ? ???? ???? ?? ???? ? ????. ?? ?? ????? ??? ??? ??? ??? ?? ? ?????? ???? ??? ? ? ??? ??? ??? ??????.

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

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

H5? ?? <header> , <footer> , <article> ? <section> ? ?? ?? ?? ??? ???? ?????? ???? ???? ???? ? ??????. ??? SEO? ?????? ??? ??? ? ?? ?? ?? ?? ? ??????.

 <??>
    <Header>
        <H1> ? ?? </h1>
    </??>
    <??>
        <p> ??? ? ? ??? ?????. </p>
    </??>
    <FUTER>
        <p> ??? : John Doe </p>
    </???>
</article>

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

?? H5? ?? ? ?? ? ??? ??? ???? ???? ???? ?? ????. H5? ?? ?????? ??? ??? ????? ?? ??? ??? ????? ??? ? ????. ?? ???? ??, ?? ?? ?? ?? ??? ?? ??? ???? H5 ??? ?? ???? ???? ?????????.

?? ??, <canvas> ??? ?? ? ? Modernizr? ???? ????? ???? ????? ??????.

 if (modernizr.canvas) {
    // ???? ???? ??? ?? ??? ??????
} ? ?? {
    // ???? ???? ?? ????? ??
}

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

?? ? ????? H5? ? ?? ??? ??? ? ??? ??? ?????. ??? ??? ???? H5? ?? ? ??? ??? ???????. ??? ??? ?????? ??? ??? ?? ??? ???? ???? ? ???? ?? ??????.

 @Media ?? ? (max-width : 600px) {
    ? {
        ??? : Lightblue;
    }
}

? ??? ??? ??? ?? ??? 600px ??? ? ??? ???? ???? H5? ?? ? ???? ?????? ??? ?????.

?? ??? ???? H5? ? ?? ??? ?????. ?? ??, ? ???? ???? ????? ??? ???? ? ?? ????? ?? ?? ?? ???? ? ????.

 var ??? = ?? ??? ( 'worker.js');

worker.onmessage = function (???) {
    Console.log ( '???????? ??? :', event.data);
};

Worker.postMessage ( '?????, ???!');

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

??? H5? ??? ? ??? ???? ?? ?????. ???? ?? ? ??? ??? ??? ???? ???? ? ???? ??? ? ????. H5? ??? ???? ?? ?? ??? ??? ???? ?? ?????.

?? ??, <canvas></canvas> ??? ????? ???? ???? ??? ??? ??? ? ? ????. ?? ?? ????? ????? ?? ?? ??? ?? SVG? ?? ??? ??????.

? ?? ??? H5? ??? ?? ? API? ??? ?? ?????. ?? ??? HTML?? ???? ???? ? ??? ?? ??? ?? ?? ?? ??? ? ????. ?? ??? ?? ???? ?? ????? ??? ??? ???? ?? ?? ?? ??? ???? ????.

????? H5 ?? HTML5? ?? ? ??? ?????. ????? ???? ??? ??? ????? ??? ?? ??? ???? ????? ??? ??? ? ??? ?? ? ??????. ??? ??? ?????? H5? ???? ??? ???? ??? ? ?? ????? ?? ? ? ????.

? ??? H5? ??? ?????? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!