HTML5? W3C? ?? ??? ? ??? ??? ?? ? ??? ?? ?????. HTML5? ??? ??? ??, ????? ?? ? ?? ??? ???? ? ??, ??? ?? ? SEO ??? ?????. HTML5? ? ??? ??? ? ?????? SEO ??? ? ?? ??? ?? <header>, , , <article> ?? ?? ??? ??? ??? ??????. HTML5? ?? ?????? ????? ?? <audio> ? <video>? ???? ??? ??? ????? ????????. HTML5? ?? ??? ????? , ?? ?? ??? ?? ??? ???? ??? ??? ????? ?? ?? ???? ??????.
??
???? ??? ???? ???? ???? ?? ?? ?? ????????. ?? ???, ??? ?? ?? ?? ??? ???? ?? ? ???? ?????. ? ? ???? ?? ?? ? ??? HTML5???. ?? ????? ?? HTML5? ???? ?? ????. ?? ?? ?? ?? ? ??? ??? ???? ??? ???? ????????. ???, ??? ???? ?? ?? ????? ????? HTML5? ?? ??? ?? ???, ??? ?? ???? ??? ??? ?? ? ??? ????.
HTML5? ?? ??? ??? ? ??? ?? ??? ?????. ?? ??? ??? API? ???? ???? ??? ??????? ??? ??? ?????? ?? ???? ? ????. ? ????? HTML5? ?? ??? ???? ?? ??? ??? ?? ???? ?? ?? ?? ?? ??? ??? ??? ??? ? ? ????? ? ??????.
?? ?? ??
HTML5? HTML (HyperText Markup Language)? ?? ????, ?? ??? ? ???? (W3C)? ?? ??????. ??? ? HTML5? ???? <header></header>
, <footer></footer>
, <nav></nav>
, <article></article>
?? ?? ?? ??? ??? ??? ??????. ??? ??? ? ???? ??? ? ???? ??? ?? ??? ??? ??? ? ??? ???? ?? ??? ? ????.
?? HTML5? <input type="date">
, <input type="range">
?? ?? ??? ?? ???? ???? ??? ??? ??? ?? ?? ?????. ??? HTML5? ???? ??? ? ??? ?? <audio></audio>
? <video></video>
? ????? ???? ?? ????? ???? ??? ? ???? ????? ???? ? ?? ?? ? ? ????.
?? ?? ?? ?? ??
HTML5? ??? ??? ???
HTML5? ? ???? ??? ???? ???? ??? ? ?????? ?? ??? ???? ??? ?? ??? ??? ?????. <header></header>
, <footer></footer>
, <nav></nav>
, <article></article>
, <section></section>
?? ?? ??? ??? ?? ???? ? ?????? ???? ?? ? ? ????. ?? ??:
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ? ? ??? </title>
</head>
<body>
<Header>
<H1> ? ? ???? ?? ?? ????? </h1>
<avi>
<ul>
<li> <a href = "#home"> home </a> </li>
<li> <a href = "#about"> ?? </a> </li>
<li> <a href = "#contact"> contact </a> </li>
</ul>
</nav>
</??>
<??>
<??>
<H2> ? ?? </h2>
<p> ??? ? ? ??? ?????. </p>
</article>
</main>
<FUTER>
<p> & copy; 2023 ? ? ???. ?? ?? ??. </p>
</???>
</body>
</html>
??? ??? ? ???? ??? ? ???? ???? ??? ? ???? SEO ??? ??????. ?? ??? ? ???? ??? ??? ? ? ??? ? ?? ?????.
HTML5? ?? ????? ??
HTML5? ??? ??? ?????? ?? ?? ?????. <audio>
? <video>
??? ???? ???? Flash? ?? ?? ????? ???? ?? ? ???? ??? ? ??? ???? ?? ???? ? ????. ?? ??:
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
<?? src = "movie.ogg"type = "video/ogg">
????? ??? ??? ???? ????.
</video>
<??? ???>
<?? src = "song.mp3"type = "Audio/Mpeg">
<?? src = "song.ogg"type = "Audio/Ogg">
????? ??? ??? ???? ????.
</???>
??? ??? ??? ??? ?????? ??? ????? ???? ?? ??? ??? ? ???? ? ???? ? ????? ? ? ????.
HTML5 ?? ??
HTML5? ??? ?? ?? ???? <input type="date">
, <input type="time">
, <input type="email">
?? ?? ?? ??? ?? ??? ??????. ?? ??:
<??>
<label for = "??"> ?? : </label>
<?? ?? = "??"id = "??"?? = "??">
<br>
<label for = "???"> ??? : </label>
<?? ?? = "???"id = "???"?? = "???">
<br>
<?? ?? = "??"? = "??">
</form>
??? ??? ?? ??? ????? ???? ?? ??? ????? ????? ???? ???? ??? ???? ???? ????.
??? ?
?? ??
??? ??? ?? ? ????? ??? ???? ??? ???? ??? HTML5 ? ??? ??? ?? ?????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ? html5 ? ??? </title>
</head>
<body>
<Header>
<H1> ? HTML5 ? ???? ?? ?? ????? </h1>
</??>
<??>
<??>
<H2> ? ?? </h2>
<p> ??? ? ? ??? ?????. </p>
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
????? ??? ??? ???? ????.
</video>
</article>
</main>
<FUTER>
<p> & copy; 2023 ? HTML5 ? ???. ?? ?? ??. </p>
</???>
</body>
</html>
? ??? <header>
, <main>
, <article>
? <footer>
? ?? ??? ??? ???? ??? ? ???? ??? ???? ????? ??? ?????.
?? ??
?? ????? ?? HTML5? ??? ??? ???? ???? ???? ??? ?? API? ???? ??? ?? ??? ?? ??? ??? ????? ???????. ??? ??? ???? ??? ???? ??? ?? ?? ?????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ??? ? </title>
</head>
<body>
<canvas id = "mycanvas"?? = "500"?? = "300"style = "??? : 1px solid #000000;">
????? ??? ??? ???? ????.
</???>
<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? ??? ?????. ?? ?? ???? ??, ??? ??? ? ?? ????? ??? ? ???? ?? ???? ?? ? ????.
???? ?? ? ??? ?
HTML5? ??? ? ???? ???? ??? ??, ????? ???? ?? ?? ?? ? ?? ???? ??? ?? ? ????. ? ?? ???? ?? ? ??? ?? ??? ????.
???? ??? ?? : HTML5? ?? ??? ?? ?????? ???? ?? ? ????. ???? ModernIZR ?????? ?? ?? ?? ??? ???? ????? ?? ??? ????? ??? ???? ???? ?? ????? ?? ??? ???? ????.
????? ?? ?? ?? : ??? <video></video>
?? <audio></audio>
??? ?????? ? ? ???, ?? ???? ??? ???? ??? ?? ?? ? ????. ???? ?? ??? ?? ??? ?? ??? ???? <video></video>
?? <audio></audio>
??? <source></source>
??? ???? ?? ?? ??? ???? ????.
?? ?? ?? : HTML5? ??? ?? ?? ? ?? ??? ??? ?? ???? ?? ? ????. ???? ????? ??? JavaScript? ???? ?? ??? ?? ????? ???? ???? ???? ????.
?? ??? ? ?? ??
?? ???????? HTML5 ? ???? ??? ????? ??? ????? ?? ? ????? ?????. ?? ??? ? ?? ??? ?? ? ?? ?? ??? ??? ????.
HTTP ?? ?? : CSS ? JavaScript ?? ??? ?? ? ???? ???? ??? ?? ?? ????? CSS Sprites ??? ???? ??? ??? ????.
????? ??? ??? : <video></video>
? <audio></audio>
??? ??, ?? ??? ??? ???? ?? ???? ??? ??? ? ???, ?? ??? ???? ?????? ??? ?? ? ? ????.
??? ?? ?? : HTML5? ??? ??? ???? ? ???? ???? SEO ??? ???? ????? ??? ????? ? ??? ??? ???? ??? ??? ???? ? ????.
?? ??? ? ?? ?? : ??? ??? ??? ???? ??? ??? ? ?? ??? ???? ???? ??? ? HTML ??? ??????.
?? ???? HTML5? ??? ? ?? ?? ? ??? ?? ????? ?? ?????. ?? ????? ???? ???? ? ???? ???? ????? ? ?? ??? ????? ?????. ? ??? ?????? HTML5? ? ?? ???? ?? ???? ?? ??? ???? ?? ? ? ??? ????.
? ??? HTML5 : ?? ?? ?? ?? (H5)? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!