HTML5 ??? ??, ?? ? ???? ?????. 1. ??? ??? ??? ????
<div>? ?? ?? ????? ???? ????. 2. ???
???
? ?? ?? ??, ?? ? ?? ??? ?????. 3. ?? ?? ???? ? ? ?? ???? <img src="/static/imghw/default1.png" data-src="image.jpg" class="lazy" alt="H5 ?? ?? : ??, ?? ? ??" >? ?? ??? ??????. ? ??? ?????? ?? ?????.
??
?? ? ???? HTML5 (?? H5)? ? ???? ???? ?? ????????. ????? ?? ? ????? ???? H5 ?? (labels, ?? ? ??)? ?? ?? ??? ???? ?? ?????. ? ??? ?? ??? ??? ?? ???? ?? ???? ????? ???? ???? ???? ????? ??? ?? ? ????.
?? ?? ??
H5? HTML? ?? ?? ???? ? ????? ???? ???? ??? ?? ?? ??? ??? ?? ??? ?????. H5 ??? ? ??? ?????? ?? ?? ? ??, ?? ? ???? ?????. ??? ??? ??? ?? ???? HTML? ?? ?? ????, ??? ?? ??, ?? ? ?? ??? ??? ??? ?????. ??? ??? ?? ?? ?? ? ??? ?????.
?? ?? ?? ?? ??
??, ?? ? ??? ?? ? ??
H5?? ??? <div> ?? <code><p></p> ? ?? ?? ????? ???? ??????. ??? ? (? : <div></div> ) ?? ?? ?? (? : <img src="/static/imghw/default1.png" data-src="image.jpg" class="lazy" alt="H5 ?? ?? : ??, ?? ? ??" > )? ?? ?? ? ????. ??? ?? ??, ?? ? ?? ??? ??? ??? ?????. ?? ?? <p>這是一個段落</p> . ? ??? <img src="/static/imghw/default1.png" data-src="image.jpg" class="lazy" alt="H5 ?? ?? : ??, ?? ? ??"> ? ?? ?? ?? ?? ??? ???? ?? ?? ??? ?? ? ? ? ????.
??, ?? ? ??? ?? H5? ?? ??? ???? ??? ??? ???? ? ???? ???? ?????. ??? ??? ??? ????, ??? ??? ??? ????, ??? ??? ??? ??? ??????.
?? ??
H5 ??? ?? ??? ?? ?? ? ???? ???? ??? ? ????. ????? H5 ??? ???? ?? ??? ?? ???? ??, ?? ? ??? ?? ? ??? ??? ???? DOM ??? ?????. DOM ??? ? ???? ??? ? ???? ????? DOM ??? ?? ? ???? ??????.
?? ?? ???? ????? ??? ??? ???? ??? ??? ???? ??? ??? ?????. ?? ??, <h1></h1> ??? ??? ??? ???? <p></p> ??? ??? ?????. ??? ??? ??? ??? ??? ????. ?? ??, <a href="url"></a> ? href ??? ??? ?? URL? ?????.
??? ?
?? ??
?? ? ??? ???? ?? ??, ?? ? ??? ???? ??? ???? ??? H5 ?? ??? ?? ?????.
<! 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>
</ul>
</nav>
<??>
<?? id = "?">
<H2> ? </h2>
<p> ??? ? ? ??? ????? ?????. </p>
</??>
<?? id = "about">
<h2> ?? </h2>
<p> ??? ?? ?? ?????. </p>
</??>
</main>
<FUTER>
<p> & copy; 2023 ? ? ??? </p>
</???>
</body>
</html> ? ???? ? ???? ??? ???? ?? <header> , <nav> , <main> , <section> ? <footer> ? ?? ??? ??? ?????. ? ???? <a> ??? href ??? ?? ?? ??? ? ??? ??? ??? ???? ? ?????.
?? ??
?? ??? ??????? H5? ??? ??? ???? ? ???? ??? ??? ???? ? ????. ?? ??, <canvas> ??? ???? ???? ???? <video> ? <audio> ??? ???? ????? ???? ?? ???? <details> ? <summary> ??? ???? ?? ??? ???? ????.
<canvas id = "mycanvas"width = "500"height = "300"> </canvas>
<cript>
var canvas = document.getElementById ( 'mycanvas');
var ctx = canvas.getContext ( '2d');
ctx.fillstyle = '???';
ctx.fillRect (10, 10, 50, 50);
</????>
<video width = "320"height = "240"???>
<?? src = "movie.mp4"type = "video/mp4">
????? ??? ??? ???? ????.
</video>
<?? ??>
<??> ??? ??? ??? ?????? </summary>
<p> ??? ??? ????? ?? ? ?? ?????. </p>
</?? ??> ??? ?? ???? H5? ???? ?? ?? ??? ???? ? ?????? ?? ? ? ???? ?? ? ????.
???? ?? ? ??? ?
H5 ??? ??? ?? ???? ???? ?? ? ???, ???? ?? ?? ?, ??? ?? ?? ?? ??? ?????. ??? ?? ??? ????.
- ???? ??? ??? ???? H5 ??? ???? ???????. ??? ??? ???? ?? ? ??, ?? ?? ? ?? ??? ???? ? ??????.
- ?? ??? ???? ?? ???, ??
<div> ? </div> ? ?? ?? ?? ???? ?? ??? ??????. - ?? ?? ???? ????? ?????? (? :
<img src="/static/imghw/default1.png" data-src="image.jpg" class="lazy" alt="H5 ?? ?? : ??, ?? ? ??"> . - ??? ??? ???? ? ??? ??? ? SEO ???, ?? ??
<header> , <nav> , <main> ? <footer> ? ?? ?? ??? ?? SEO ???? ??????.
?? ??? ? ?? ??
?? ????????? H5 ??? ??? ????? ?? ??? ??? ?? ?? ?????. ? ?? ??? ??? ????.
- ??? ??? ???? ? ??? ??? ? SEO ???? ??????. ??? ??? ??? ? ?? ?? ???? ??? ?? ??? ? ???? ? ? ???? ? ??????.
- ???? ??? ????? ? ????? ?? ? ??? ??????. ?? ??, ?? ??
<div> ??? ??? ?? ? ?? ??? ??? ??????. - ??????? ????? ??
async ? defer ??? ??????. ?? ??, <script src="script.js" async></script> ?? ????? ? ???? ???? ???? ?? ??? ????? ? ? ????.
<!-??? ??->
<Header>
<H1> ?? </h1>
</??>
<!-???? ??? ?????->
<??>
<H2> ?? </h2>
<p> ?? </p>
</??>
<!-???? ?? ???->
<script src = "script.js"async> </script> ??? ??? ? ?? ??? ???? H5 ? ?????? ????? ?? ?? ? ? ????.
?? ???? ??? ??? ???? ??? ???? ?????? ??? ? ???? SEO ??? ?? ???? ? ??? ??????. ? ?, ?????? ?? <div> ??? ? ?? <header> , <nav> ? <footer> ? ????? ? ?? ? ???? ?? ???? ?? ??? ??????. ?? ?? H5? ??? ??? ??? ? ?? ?? ? ??? ??? ??? ????? ?? ?? ??????. ???, H5 ??? ??, ?? ? ??? ???? ????? ?? ?? ? ???? ?????? ?????. ? ??? ??? ?? ?? ??? ??? ? ?? ???? ?? ????? ???? ?? ? ? ??????. ? ??? ????? ? ??? ?? ??? ? ??? ????.
</div>
</div>
</div>
? ??? H5 ?? ?? : ??, ?? ? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!