H5? ????? ??, ???? ???? ? ?? ???? ? ??? ??? ??????. 1) ????? ?? : H5 's ? <audio> ??? ??? ????? ??? ??? ??????. 2) ???? ???? : ? ???? ? INDEXEDDB? ?????? ???? ??? ??????. 3) ?? ??? : ? ??? ? ??? ??? ????? ??? ??? ????.

??

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

H5? ?? ??

H5? ??? ?? ??? HTML? ?? ?? ???? ?? ??? ??? API? ?????. ? ????? ? ???? <canvas></canvas> , ??? <video></video> ? ????? ???? ?? <video> ? <audio></audio> ? <header></header> ? <footer></footer> ? ?? ??? ??? ???? ? ???? ?? ? ???? ??????. ????? ?? ?? H5? ???? ???? ??? ?? ? ??? ??? ??? ? ????.

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

 <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 ();
</????>

H5? ?? ?? ??

????? ? ???

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

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

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

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

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

 // LocalStorage? ???? ???? ???? LocalStorage.setitem ( 'username', 'John Doe');
console.log (localStorage.getItem ( 'username')); // ?? : John Doe

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

?? ???

H5? ?? ??? ?????? ???? ?? ???? JavaScript? ??? ??? ? ???? ?? ?? ?? ??? ??? ?????. ?? <picture> ?? ? srcset ??? ??? ??? ?? ?? ??? ???? ???? ???? ??? ??? ??? ? ??? ? ? ????.

 <??>
  <?? srcset = "image-small.jpg"media = "(max-width : 600px)">
  <?? srcset = "image-medium.jpg"media = "(max-width : 1200px)">
  <img src = "image-large.jpg"alt = "???? ??">
</??>

??? ?

?? ??

H5? ?? ??? ?? ??????. ?? ?? <nav> ??? ???? ????? ?? ?? ??????.

 <avi>
  <ul>
    <li> <a href = "#home"> home </a> </li>
    <li> <a href = "#News"> News </a> </li>
    <li> <a href = "#contact"> contact </a> </li>
  </ul>
</nav>

?? ?? ? ??? ??? ? ?????? ??? ?? ??? ? ???? ??? ???? ?? ??? SEO ??? ?????.

?? ??

?? ?? ?? ????? ?? H5? Geolocation API? ???? ???? ??? ?? ??? ?? ? ???? ??? ??? ???? ?? ??? ???? ?? ?? ??? ? ???? ?? ? ? ????.

 if (?????? "??? ??") {
  navigator.geolocation.getCurrentPosition (?? (??) {
    Console.log ( "Latitude :"position.coords.latitude   
                ", ?? :"position.coords.longitude);
  });
} ? ?? {
  Console.log ( "??? ??? ??? ? ??");
}

???? ?? ? ??? ?

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

?? ??? ? ?? ??

?? ??????? H5 ?? ????? ??? ????? ?? ?????. HTTP ??? ??? ??? ??? ?? ? ????? ?? ??? ?? ? ????. ?? ? ???? ?? H5 ??? ???? ??????? ??? ???? ?? ? ??? ??? ??? ??? ??? ????.

 // ? ???? ?????
var ??? = ?? ??? ( 'worker.js');
Worker.postMessage ( '?????, ???!');
worker.onmessage = function (???) {
  Console.log ( '???????? ??? :'event.data);
};

????? ????? ??? ?? ? ?? ?? ?? ? ? ??????? ?? ?? ?????. ??? ??? ???? SEO? ??? ??? ??? ??? ?? ???? ?? ?? ? ? ??????. ???, ????? ??? ???? ????? ?? ????? ?? ??? ???? ??????.

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

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