HTML5 ?? ??

HTML ?? ??

?? ? ???? HTML ?? ??? ?? ?? ?? ????.

2000??? 2010? ??? ?? ? ???? HTML?? XHTML? ??????.

XHTML? ???? ????? ????? ? ?? HTML ?? ??? ??? ????.

HTML5? ?? ? ?? ?? ??? ???? ???. ??? ? ?? ?? ??? ?????.

??? ?? ?? ??

?? ?? ??? HTML ??? ? ?? ?? ????.

<!DOCTYPE html>

?? ???? ???? ????? ??? ???? ???. ??:

<!doctype html>

??? ?? ?? ??

HTML5 ?? ???? ???? ???? ??? ? ????.

??? ?? ??:

???? ?? ???? ?? ????.
???? ????? ???(XHTML? ??)? ?????.
??? ???? ? ??? ????.
???? ?? ????.

???? ??:

<SECTION> ;p>??? ?????. </p>
</SECTION>

?? ??:

<??> <p>?????.

??:

<??>
<p>?????. </p>
</section>

?? HTML ?? ??

HTML5??? ?? ??(?: <p> ??)? ?? ??? ??? ? ??? ?? ??? ???? ?? ????.

???? ??:

<section>
<p>??? ?????.
<p>?????.
</section>

??:

<section>
<p>?????.

??? ?????. </p>
</section>

? HTML ?? ??

HTML5??? ? HTML ??? ?? ??? ????.

??? ?? ??? ? ????.

<meta charset="utf-8">

??? ?? ??? ?? ????.

<meta charset="utf-8" />

XHTML ? XML?? ???(/)? ?????.

XML ?????? ???? ??? ??? ???? ?? ? ???? ???? ?? ????.

??? ?? ?? ??

HTML5 ?? ????? ???? ???? ??? ? ????.

?? ???? ??? ??? ?????.

???? ??? ???? ?? ?? ?? ?????.
???? ????? ???(XHTML? ??)? ?????.
??? ???? ? ??? ????.
???? ?? ????.

???? ??:

<div CLASS="menu">

??:

<div class="menu">

???

HTML5 ???? ??? ?? ??? ? ????.

?? ??? ???? ???? ?? ????.

?? ?? ??? ??? ?? ???? ???? ???.
???? ???? ?? ???? ??? ???? ???? ?? ????.
?? ?? ???? ???? ?? ????.

?? ???? ?? ??? ??? ???? ?? ???? ???? ???? ????.

<table class=table ?????>

??? ????? ???? ?? ??? ????.

<table class="table Striped">

??? ??

???? ????? alt ??? ?????. ??? ??? ? ?? ?? ?? ?????? ??? ? ????.

<img src="html5.gif" alt="HTML5" >

??? ? ??? ??? ?????. ???? ??? ?? ??? ??? ??? ? ????.

<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">

?? ? ??

?? ???? ??? ??? ? ????.

<link rel = "stylesheet" href = "styles.css">

??? ??? ?? ???? ?? ????.

<link rel="stylesheet" href="styles.css">

? ??? ????. ? ??? ?? ???

HTML ???? ???? ??? ??? ????? ?? ?????.

? ?? ?? 80? ???? ?????.

??? ????

???? ??? ???? ???.

?? ??? ? ?? ?? ??? ? ?? ?????.

?????? ?? ? ?? ?????. TAB? ???? ????.

? ?? ?? ??? ???? ? ??? ????? ???? ???. < ;h1>php中文網(wǎng)</h1>

<h2>HTML</h2> ????. PHP ??? ????, ???? ??? ?? ????. php中文網(wǎng), ??? ??? ?? ???? ??? ???? ???.

php中文網(wǎng), ??? ???? ??? ?? ????.

</p>
</body>

??:

<body>

<h1>php ?? ????</h1>

<h2></h2>
< ; p>php ?????, ??? ??? ?? ???? ??? ???? ???.
php ??? ????, ???? ??? ?? ????.
php ??? ????, ???? ??? ?? ????.
php ??? ????, ???? ??? ?? ????. </p>

</body>
?? ?:
<???>
<tr>
<??>??</th>
> <tr>
????????????????????????????????????????????????;td>B</td>
<td>B ??</td>
</tr>
</table>

?? ?:
<ol> <li>??</li> ??</li>
<li>??</ li>
</ol>

<html> ? <body>? ?????????

?? HTML5??? <html> ??? ??? ? ????. ?? HTML5 ??? ?????.
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
</head>
<h1>這是一個標(biāo)題</h1>
<p>這是一個段落。</p>
????? ???? ??? ???.
<html> ? <body> ?????.
<html> ??? ??? ?? ???? ???? ??? ???? ? ?????:
<!DOCTYPE html> ;
< html lang="zh">
??? ??? ??? ??? ?? ??? ??? ?? ????.
<html> ?? <body>? ???? DOM ? XML ?????? ?????.
<body>? ???? ?? ????(IE9)?? ??? ?????.
<head>? ?????????
?? HTML5??? <head> ??? ??? ? ????.
????? ????? ?? <head> ??? <body> ?? ???? ?????.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<body>
<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
    // 只有段落 2 會被替換
    document.getElementById("demo").innerHTML = "HELLO。";
</script>
</body>
</html>
????? ???? ?? ????
?: ??? head ??? ???? ?? ??? ?????? ????.
?? ???
HTML5? <title> ??? ?? ?????. ??? :
<title>php ??? ????</title>
??? ??? ???? ?? ???? ??? ??? ??? ??? ? ????. ??? ??:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset=" UTF -8">
<title>php ??? ????</title>
</head>
HTML ??
??? ? ??? ? ????.

? ? ???  ??? ??? ?? ??? ? ????:


? ??? ? ??? ?? ??? ?? ? ?? ???????.
??? ??
??? ??? ??? ?? ??? ?????(type ??? ???? ??):

<link rel="stylesheet" href="styles.css">
?? ??? ? ?? ??? ? ????.
p.into {font-family: Verdana; ?? ??: 16em;}
? ??? ?? ?? ??? ? ????.
body {
background-color: lightgrey;
?? ??: "Arial Black", Helvetica, sans-serif;
?? ??: 16em;
color: black;
}
?? ???? ???? ?? ?? ?????.
?? ???? ??? ??? ??? ?????.
?????? ?? 2?? ?????.
??? ?? ? ??? ??? ?????.
??? ?? ??? ??? ?????.
? ??? ? ?? ??? ?????.
?? ?? ??? ??? ???? ???? ?????.
?? ???? ? ?? ?????.
? ?? ?? 80??? ?????.

???? ??? ??? ???? ?? ??? ???? ????.
HTML?? JavaScript ??
??? ??? ???? ?? ???? ??? ?????(type ??? ???? ??):
<script src="myscript.js"> ??>
JavaScript? ???? HTML ??? ???
HTML ??? ???? JavaScript ?? ??? ??? ? ????.
HTML? JavaScript?? ??? ?? ??? ??? ???.
JavaScript ?? ??? ??????.

?? ?? ??? ?? ???? ? ??(Apache, Unix)? ????? ?????. london.jpg? London.jpg? ?? ???? ? ????.
?? ? ??(Microsoft, IIS)? ????? ???? ????. london.jpg? London.jpg ?? london.jpg? ???? ? ????.
???? ???? ???? ??, ?? ??? ???? ???? ???? ?? ????.
?? ???
HTML ?? ???? .html(?? .htm)? ? ????.
CSS ?? ???? ??.css???.
JavaScript ?? ???? ??.js ???.
.htm? .html? ???

.htm? .html? ??? ???? ????? ??? ????. ????? ? ?? ?? ?? HTML ??? ?????.
???? ??? ????.
.htm? ?? DOS ????? ?????? ?? ????? 3?? ??? ????.
??? ?????? ???? ??? ??? ??? ????? .html? ?????.
??? ??
URL? ???? ?? ?? ?? ??(?: http://ipnx.cn/css/)? ???? ??? ?? ?? ??? ?????. ????? ?? ?? ??? index.html, index.htm, default.html ? default.htm???.
?? ??? "index.html"?? ??? ??? ?? ?? ??? "index.htm"? ?? "index.html"? ???? ???.
??? ????? ??? ?? ?? ?? ??? ??? ? ???? ??? ?? ?? ??? ??? ? ?????
??? HTML? ??? ???? ".html"???.

???? ??

??? ??

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h3>HTML5 代碼規(guī)范</h3> <p>知道并按照這些代碼規(guī)范來編寫程序，對我們是有很大幫助的</p> </body> </html>

?????? ???

????