H5? HTML5? ?? ?? ? ??? ? ?? ?? ? ?? ?? ???? ?????. 1. H5? HTML5, CSS3, JavaScript ? ?? API ? ??? ?????. 2. ??? ? ???? ????? ???? ??? ??? ???? ?? ???? ???? ??? ? ????. 3. H5 ?? ??? ???? ?? ? ? ???? ??? ??? ??? ?? ? ????.
??
H5? ??? HTML5? ?????? H5?? ??? ??? ?? HTML5? ?? ????? ??? ? ??? ???? ??? ??? ???? ????. ?? ??? H5? HTML5? ??? ?? ?? ????? ??? ??? ?? ?? ? ????. ? ??? ?? H5? HTML5? ?? ?? ? ??? ? ?? ?? ? ?? ???? ?????.
?? ?? ??
H5? HTML5? ?? ?? ?? ?? ?? ??? ??? ?? ? ????. HTML (HyperText Markup ??)? ? ???? ?? ?? ? ??? ? ???? ??? ??? ?????. ???? ??? ??? ?? HTML? ?? ?? ????? ???? HTML5? ??? ??? ? ???? ?? ??? ??? ?? ??? ?????.
????? H5? ?? HTML5? ?? ??? ????? ?? ????? ? ?? ?? ????. ???? HTML5?? ??? CSS3, JavaScript ? ?? API ? ??? ?????. ??? ??? ?? ?? ? ??? ??? ?????.
?? ?? ?? ?? ??
H5? ?? ? ??
H5? ???? ?? ??? ???? ???? ?? ???? ????? HTML5? ???? ? ?? ? ?? ?? ??? ?????. ? ??? ? ???? ??? ? ???? ??? ??? ???? ????. H5? ??? ???? ????? ??? ??, ??? ??? TV? ????? ??? ???? ???? ??? ? ??? ????.
??? ?? ?? H5 ?? ??? ???? ?? ? ? ???? ?????? ??? ?? ?? ? ? ????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ?? ? ? ??? </title>
<???>
? {
Font-Family : Arial, Sans-Serif;
?? : 0;
?? : 0;
}
.Container {
?? : 100%;
?? width : 1200px;
?? : 0 Auto;
?? : 20px;
}
@Media (max-width : 768px) {
.Container {
?? : 10px;
}
}
</???>
</head>
<body>
<div class = "????">
<H1> ?? ? ? ???? ?? ?? ????? </h1>
<p>? ???? H5 ??? ???? ?????? ?? ??? ?????. </p>
</div>
</body>
</html>
? ??? HTML5 ? CSS3? ???? ??? ?? ? ???? ??? ??? ?????.
?? ??
H5? ?? ??? HTML5, CSS3 ? JavaScript? ?? ??? ?? ????. HTML5? ?? ? ??? ???? CSS3? ???? ????? ???? JavaScript? ??? ? ?? ???? ?????. ?? ???? ???? ??? ? ??????? ?? ??? ??? ?? ??? ?????.
?? ??? ???? H5 ?? ??? ??? ????? ??? ?? ? JavaScript ??? ???? ? ??? ???? ???? ???? ????. ?? ??? ? ??? ?? ???? H5 ?? ??? ???? ?? ????? ?? ???? ???? ??? ?? ??? ?? ????.
??? ?
?? ??
H5? ?? ??? ?? ?????. ??? HTML5? ??? ??? ???? ???? ?? ? ???? ??? ??? ???? ??? ????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ??? ? </title>
</head>
<body>
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
????? ??? ??? ???? ????.
</video>
</body>
</html>
? ??? HTML5? <video>
??? ???? ???? ????? ?? ??? ???? ??? ?????.
?? ??
H5? ?? ?????? ??? ?? ??? ??? ?? ? ? ??? ??? Canvas API? ???? ?? ???? ??? ????.
<! doctype html>
<html lang = "en">
<??>
<meta charset = "utf-8">
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0">
<title> ??? ? </title>
<???>
??? {
?? : 1px ??? ??;
}
</???>
</head>
<body>
<canvas id = "mycanvas"width = "500"height = "300"> </canvas>
<cript>
var canvas = document.getElementById ( 'mycanvas');
var ctx = canvas.getContext ( '2d');
?? draw () {
ctx.clearrect (0, 0, canvas.width, canvas.height);
var time = ? ?? ();
ctx.beginpath ();
ctx.arc (250, 150, 100, 0, 2 * math.pi * time.getSeconds () / 60);
ctx.stroke ();
requestAnimationFrame (Draw);
}
???();
</????>
</body>
</html>
? ??? ??? API? ???? ??? ??? ?? ?? ??? ?? ?? ?? ??? ??? ?????.
???? ?? ? ??? ?
H5 ?? ??? ??? ?? ???? ???? ???? ??? ??, ?? ?? ? ?? ??? ?????. ??? ?? ??? ????.
- ???? ??? ?? : ? ???? ???? ?? ?????? HTML5, CSS3 ? JavaScript ??? ??? ??????.
- ?? ?? : ???? ??? ??? ???? ? ????? ?? ? ?? ?? ??? ???? ?? ? ?????? ??????.
- ?? ?? : ?? ?? ? ?? ? ???? ???? ???? ??? ?? ??????.
?? ??? ? ?? ??
?? ?? ???? H5 ?? ??? ??? ????? ??? ?? ?????. ? ?? ??? ??? ??? ????.
- ?? ?? ? ?? : ??? ???? HTML, CSS ? JavaScript ??? ???? ?????? ??? ????.
- ????? : ?? ? ???? ?? ???? ?? ??? ?? ??? ???? ??? ????????.
- ?? ?? : ???? ??? ????? ???? ?? ?????? ????.
????? ?? ? ?? ?? ???? ??? ?? ? ?? ???? ?? ?????. ? ?? ??? ??? ????.
- ??? ?? ?? :
<header></header>
, <footer></footer>
, <nav></nav>
?? ?? HTML5 ??? ??? ???? ??? ???? SEO- ???? ??????.
- ?? ? ?? : ?? ?? ? ???? ???? ?? ??? ?? ??? ?????.
- ?? ?? : GIT? ?? ?? ?? ??? ???? ?? ?? ? ?? ??? ?????.
??? ??? ?? H5 ?? ??? ? ? ???? ??? ? ??? ? ?? ????? ?? ? ????.
????? H5? HTML5? ?? ?? ? ??? ?? ? ?? ??? ???? ???? ?????. ? ??? ?? H5? ?? ? ?? ??? ? ?? ???? ?? ??? ?? ??? ????????.
? ??? H5? HTML5? ?????? ?? ??? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!