H5? HTML5? ???? HTML? ?? ?? ?????. H5? ? ???? ??? ??? ????? ???, ???, ??? ??? ? ??? ?? API? ?? ??? ??? ???? ? ??? ??? ? ???? ??????.
H5? ????? HTML5? ????, ?? HTML (HyperText Markup Language)? ?? ?? ?????. HTML5? ? ???? ??? ??? ?????? ??? ??? ? ??? ??, ??? ???, ??? ?? ?? ?? ?? ??? ??? ???? ? ??? ??? ? ???? ??????.
????? ???? H5?? ??? ?? ???? ????? ??? ?????? ?? ???? ??? ?? ??? ? ????. ??? H5? ????? ???? ???? ??? ???? ??? ??? ???? ????.
H5???? HTML5? HTML? ?? ?? ?????. HTML ??? ? ???? ???? H5? ?? ?? ?? ?????? ?????. ? ???? ??? ??? ???? ???? ??? ? ??? ????? ???? ????? ??? ?? ?? ??? ??? ?????.
?? ??? ??? ?? HTML? ? ??? ??? ???? ? ???? ?? ? ???? H5?? ??? ? ?? ??? API? ?????. ?? ??, <video></video> ? <audio></audio> ??? ???? ???? ? ?? ????? <canvas></canvas> ??? ? ???? ??? ???????. ?? H5? ??? ?? API? ???? ? ???? ??? ?? ??? ?? ???????.
??? H5? ??? ?? ?????? ?? ? ???? ??? ??????. ?? ??, <header></header> , <footer></footer> , <nav></nav> ?? ?? ??? ? ???? ??? ???? ??? ?? ??? ??? ??? ? ??? ???? ? ? ??? ? ????. ??, H5? ? ???? ???? ??? ??? ? ???? API? ?? ?? ??? API? ????? ? ???? ?? ???? ?? ? ? ????? ? ??? API? ?? ? ???? ??? ??? ?? ??????.
??? H5 ?? ?? ?? ?????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ? H5 ??? </title>
</head>
<body>
<Header>
<H1> ? H5 ???? ?? ?? ????? </h1>
</??>
<avi>
<ul>
<li> <a href = "#home"> home </a> </li>
<li> <a href = "#about"> ?? </a> </li>
</ul>
</nav>
<?? id = "?">
<H2> ? </h2>
<p> ??? ? ?????. </p>
</??>
<?? id = "about">
<h2> ?? </h2>
<p> ??? ??? ?? ????. </p>
</??>
<FUTER>
<p> & copy; 2023 My H5 Page </p>
</???>
</body>
</html> ? ??? H5? ?? ?? ? ??? ??? ?????. <header> , <nav> , <section> ? <footer> ? ?? ??? ? ???? ??? ? ???? ?? ?? ? ???? ?? ????.
H5? ?? ??? ??? ???? ????. ??? ??? API? ???? HTML? ??? ?????. ?? ??, <video> ??? ????? ???? ??? ????? ????? ???? ? ???? API? JavaScript ??? ?? ???? ???? ????. ??? ??? ??? ???? ??? ?? ?????. ???? ??? ?? ??? ?????? ????? ??? ??? ???? ?????.
??? ???? H5? ?? ???? ?? ?????. ?? ??, ? ???? ???? ?? ???? ??? ?? ??????.
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
????? ??? ??? ???? ????.
</video> ? ??? ???? ????? ???? ??? ????? ?? ? ? ??? ???? ?? ??? ???? ???? ? ? ????.
?? H5? ?? ??? ?? ?? ????. ?? ?? <canvas> ??? ???? ??? ???? ?? ? ????.
<canvas id = "mycanvas"?? = "200"?? = "100"style = "??? : 1px solid #000000;">
</???>
<cript>
var canvas = document.getElementById ( "mycanvas");
var ctx = canvas.getContext ( "2d");
ctx.fillstyle = "#ff0000";
ctx.fillRect (0, 0, 150, 75);
</????> ? ??? ???? ??? ???? ?? <canvas> ??? ??? ?????.
H5? ???? ???? ??? ??? ? ????. ?? ?? <video> ??? controls ??? ???? ?? ?? ??? ???? ??? ??? ?? ? ? ????. ? ??? ?? ???? ?? ?????. <video> ??? controls ??? ???????.
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
????? ??? ??? ???? ????.
</video> H5? ?? ??? ? ?? ?? ???? ?? ??? ??? ?????. ?? ?? ? ???? API? ???? ???? ???? ?? ???? ??? ??? ? ?????? ??? ???? ? ????.
// ??? ?? ??? LocalStorage.setItem ( "??? ??", "John Doe");
// ??? ?? var username = localStorage.getItem ( "username");
Console.log (??? ??); // "John Doe"??
?? H5? ???? ????? ???? <manifest> ??? ?????? ??????? ? ???? ??? ??? ? ? ????.
<! doctype html>
<html manifest = "example.appcache">
...
</html>
?? ???? H5? ??? ? ?? ?? ?????? ???????. ?? ??, ?? ??? ? ?? ??? ???? ??? ??? ???? ? ???? ??? ????? ??? API ? ??? ??? ??? ? ???? ??? ? ??? ??? ??? ????.
????? H5? ?? ??? ?????. ? ????? ?? ????? ???? ??? ????? ? ?? ??? ??? ?????. ???? ??? ??? ?? H5? ??? ???? ??? ? ???? ? ? ??? ?????.
? ??? H5? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!