HTML5? ???? ? ???? ???? ?? ??? ?? ??? ??? ??? ?????. 1. HTML5? ? ??? ?? ? SEO? ????? , , ?? ?? ?? ?? ??? ?????. 2. ????? ??
??
??? ??? ???? HTML5? ?? ? ???? ???? ????????. ????? ?? ? ????? HTML5? ?? ??? ???? ?? ?????. ? ??? ???? ?? ???? ?? ?? ????? ????? HTML5? ?? ??? ?? ??? ?? ??? ????? ? ??????. ? ??? ??? HTML5? ???? ? ?????? ?? ? ? ??? ??? ??? ????.
?? ?? ??
HTML5? HTML? ?? ?? ???? ?? ??? ??? API? ???? ? ????? ???? ???? ????. HTML5? ??? ??? ? ?? ? ??? ?? ??? ??? ?? ? ???? ??? ??? ?????. ? ?? ?? ???? ??? ?????.
- ?? ? ?? : HTML5? ??? ????
<header></header>
, <footer></footer>
, <article></article>
?? ?? ? ???? ?? ??? ?????. ??? ??? ??? ? ???? ???? ??? ?? ??? ? ???? ? ? ???? ? ??????.
- ?? : ???
<img src="/static/imghw/default1.png" data-src="image.jpg" class="lazy" alt="H5 ?? ?? : HTML5? ?? ??">
? src
? alt
??? ?? ??? ?? ??? ???? ? ?????.
- ??? : HTML5? ??? ??? ???? ? ??? ??? ? ???? ?? ???? ?? SEO ???? ????.
?? ?? ?? ?? ??
HTML5? ??? ?? ? ??
HTML5? ?? ??? ??? ??? ???? ? ????? ????? ????? ????. ??? ??? ??? ??? ????.
-
<header></header>
: ? ??? ?? ??? ??? ?????.
-
<footer></footer>
: ? ??? ?? ??? ??? ?????.
-
<nav></nav>
: ????? ????? ??? ??????.
-
<article></article>
: ??? ??? ?? ?? ???? ?? ??? ? ??? ??.
-
<section></section>
: ???? ???? ??? ?????.
-
<aside></aside>
: ?? ??? ??? ?? ??? ?????.
??? ??? ? ??? ??? ? ???? ???? ??? ? ???? ??? ? SEO ??? ??????.
????? ??
HTML5? ??? ??? ?????? ?? ??? ?????. <video></video>
? <audio></audio>
??? ???? ???? ?? ????? ???? ?? ? ???? ??? ? ??? ???? ?? ???? ? ????. ?? ??? ??? ?????? ??? ?? ????? ??????.
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
<?? src = "movie.ogg"type = "video/ogg">
????? ??? ??? ???? ????.
</video>
?? ??
HTML5? email
, url
, number
?? ?? ??? ?? ?? ? ?? ??? ???? ??? ?? ?? ?????. ??? ??? ??? ?? ????? ???? ????? ??? ??? ??????.
<??>
<?? ?? = "???"?? = "???"??>
<?? ?? = "??">
</form>
???? ???? ? ?? ????
HTML5? ???? ???? ? ?? ????? ??? ???? ???? ???? ? ???? ?? ?? ? ? ????. localStorage
? sessionStorage
? ?? ???? ??? ???? ???? ? ???? ?? ? ??? ??? ???? ? ????.
// LocalStorage? ???? ???? ???? LocalStorage.setitem ( 'username', 'John Doe');
// ??? ???? ?????.
??? ?
?? ??
??? ??? ??? ????? ??? ???? ??? ???? ??? 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>
</??>
<avi>
<ul>
<li> <a href = "#home"> home </a> </li>
<li> <a href = "#about"> ?? </a> </li>
</ul>
</nav>
<??>
<H2> ?? ?? </h2>
<p> ??? ?????. </p>
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
????? ??? ??? ???? ????.
</video>
</article>
<FUTER>
<p> & copy; 2023 ? html5 ??? </p>
</???>
</body>
</html>
?? ??
?? ??? ?????? HTML5? JavaScript ? CSS? ???? ?? ? ??? ? ???? ?? ? ????. ??? html5 ??? ( <canvas>
)? ???? ??? ?????? ??? ????.
<! 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');
var x = 50;
var y = 50;
var dx = 2;
var dy = 2;
?? draw () {
ctx.clearrect (0, 0, canvas.width, canvas.height);
ctx.beginpath ();
ctx.arc (x, y, 20, 0, math.pi*2);
ctx.fillstyle = "#0095dd";
ctx.fill ();
ctx.closepath ();
if (x dx> canvas.width-20 || x dx <20) {
dx = -dx;
}
if (y dy> canvas.height-20 || y dy <20) {
dy = -dy;
}
x = dx;
y = dy;
}
setInterval (draw, 10);
</????>
</body>
</html>
???? ?? ? ??? ?
HTML5? ???? ?? ???? ??? ?? ? ?? ???? ??? ?? ? ? ????.
- ???? ??? : ?? ?????? HTML5? ?? ?? ??? ???? ?? ?????? ?? ??? ??? ???? ?? ? ????. ???? ?? ??? ???? ??? ?? ?????? ????? ????? ???? ????.
- ??? ?? : ?? ?? ??? ?? ???? ? ??? ??? ???? SEO ? ???? ??? ? ? ????. ? ??? ?? ???? ???? ??? ?? ??? ???? ??? ??????.
- ?? ?? : JavaScript ? ????? ??? ???? ?? ? ???? ????? ? ? ????. ??? ????? ???? ?????? ??? ?? ??? ???? ??? ??????.
?? ??? ? ?? ??
?? ????????? HTML5 ??? ????? ?? ? ??? ??? ????? ?????. ??? ? ?? ??? ? ?? ?? ?????.
- HTTP ?? ?? : ? ????? ??? ??? ?? CSS ? JavaScript ??? ?? ? ?????.
- ?? ?? : ???? ?? ? ?? ? ??? ???? ???? ???? ????.
- ??? ??? : ??? ??? ??? ?? ??? ???? ??? ?? ??? ????.
- ??? ?? : ??? ??? ?? ??? ?? ??? ???? ??? ??? ??? ??????.
HTML5 ??? ??? ? ??? ?? ? ?? ?? ???? ?? ?? ?????. ??? ?? ? ??? ???? ??? ?? ?? ??? ???? ??? ?? ??? ?? ?? ? ? ????.
???, HTML5? ???? ? ????? ??? ??? ??? ?????. ??? ??? ?? ???? ???? ? ???? ????? ???? ? ???? ?? ? ????. ? ??? HTML5 ??? ? ?? ? ????? ? ????? ??? ???? ??? ?? ? ? ??? ????.
? ??? H5 ?? ?? : HTML5? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!