HTML5 ?? ??
?? = ??.
?? ?? = ??? ??.
??? ???? ???
???? ??? ????? ????? ? ??? ???? ??? ? ????.
?? ?? ?? ?: <div> ? <span> - ??? ??? ??? ????.
?? ?? ?: <form> table> ? <img> - ??? ???? ?????.
???? ?? > Internet Explorer 9+, Firefox, Chrome, Safari ? Opera?? ?????.
??: Internet Explorer 8 ????? ? ??? ???? ????. ??? ?? ??? ???? ?? ??? ?????. HTML5 ??
?? ?? ?????? <div id="nav">, <div class="header"> ?? <div id? ?? HTML ??? ???? ????. ="footer">, ?? ??, ??? ? ???? ?????.
HTML5? ? ???? ??? ??? ???? ?? ??? ?? ??? ?????.
<header> <nav> <section> <article> <aside> <figcaption> <figure> <footer> |
HTML5 <header> ??
<header> ??? ??? ?? ??? ?????.
<header> ??? ???? ?? ?? ??? ???? ? ?????.
??
?? ?? ???? ??? ?????.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <article> <header> <h1>Internet Explorer 9</h1> <p><time pubdate datetime="2016-10-15"></time></p> </header> <p> Windows Internet Explorer 9(縮寫為 IE9 )是在2011年3月14日21:00發(fā)布的</p> </article> </body> </html>
pubdate? <time> ??? ??/??? ??(?? ???? ???)?? ?????. ?? ???> ?? ???)
????? ???? ??? ???
HTML5 <nav> ?? <nav> ??? ?? ??? ?????. ??.
<nav> ??? ???? ?? ?? ??? ???? ? ?????. ??? ?? ???
??? ??? ????. ??>
??<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<nav>
<a href="">HTML</a> |
<a href="">CSS</a> |
<a href="">JavaScript</a> |
<a href="">jQuery</a>
</nav>
</body>
</html>
????? ???? ??? ???
HTML5 <section> ??
<section> ??. ?, ???, ??? ?? ??? ?? ?? ????.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<section>
<h1>WWF</h1>
<p>世界自然基金會(WWF)是一個(gè)國際組織致力于保護(hù)問題,研究和恢復(fù)環(huán)境,前身世界野生動物基金。世界自然基金會成立于1961年。</p>
</section>
<section>
<h1>WWF's Panda symbol</h1>
<p>熊貓已經(jīng)成為世界自然基金會的象征。著名的熊貓世界自然基金會的標(biāo)志來自一個(gè)名為癡癡的熊貓,從北京動物園的倫敦動物園同年世界自然基金會的建立。</p>
</section>
</body>
</html>
????? ???? ??? ???
HTML5 <article> ??
<article> ??? ???? ???? ?????. .
<article> ?? ?? ?:
?? ???(?? ???)
??? ???(???)
?????(?????)
??(??)
??
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <article> <h1>Internet Explorer 9</h1> <p> Windows Internet Explorer 9(縮寫為 IE9 )在2011年3月14日21:00 發(fā)布。</p> </article> </body> </html>
????? ???? ??? ???
HTML5 <side> ??
<aside> ??? ???? ?? ??(?: ????) ??? ?? ???? ?????.
side ??? ??? ?? ??? ??? ???? ??? ???.
Instance
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>我很喜歡在php中文網(wǎng)(php.cn)學(xué)習(xí)HTML知識</p> <aside> <h2>php中文網(wǎng)(php.cn)</h2> <p>php中文網(wǎng)(php.cn)有很多的PHP和HTML教程</p> </aside> </body> </html>
?? ??? ? ????
HTML5 <footer> ??
<footer> ????.
< ;footer> ???? ?? ??? ????? ???.
????? ????? ??? ???, ??? ??, ??? ?? ??, ??? ?? ?? ?????.
? ???? ?? ?? < ;footer>??? ??? ? ????.
Instance
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <footer> <p>發(fā)布人: 劉奇</p> <p><time pubdate datetime="2016-10-15"></time></p> </footer> </body> </html>
????? ???? ??? ???.
HTML5 <Figure> ? <figcaption> ??
<Figure> ???(???, ??, ??, ?? ?).
<Figure> ??? ???? ?? ???? ??? ??? ??? ???? ?? ??? ??? ?? ??? ???.
<figcaption> ??? <Figure> ??? ??? ?????.
<figcaption> ??. .
????
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> <!--[if lt IE 9]> <script src="html5shiv.js"></script> <![endif]--> </head> <body> <p>黃山:世界文化與自然雙重遺產(chǎn),世界地質(zhì)公園,國家AAAAA級旅游景區(qū),國家級風(fēng)景名勝區(qū),<br/>全國文明風(fēng)景旅游區(qū)示范點(diǎn),中華十大名山,天下第一奇山。黃山位于安徽省南部黃山市境內(nèi)</p> <figure> <img src="http://images.tuniu.com/images/2013-04-07/1/1X52RthA3c9Y5pHv.jpg" alt="黃山風(fēng)景" width="304" height="228"> <figcaption>Fig.1 -黃山的一張風(fēng)景圖.</figcaption> </figure> </body> </html>
????? ???? ??? ???
? ? ????.
?? ??? ?? ?? ?????(<figcaption> ??).
??? ??? ??? ?? ????? ??? ???? ??? ????? ??? ?? ???? ?? ??? ???? ???(?? ??? ??? ???? ?? ????? ? ??? ??? ?? ?? ??? ??? ? ????).
? ??? ?????. <head></head>
<style>
???, ??, ???, ?, ??, ??, ??
{
?????: ??;
}
</style>
Internet Explorer 8 ? ?? IE ??? ??
IE8 ? ?? IE ??? ??? ???? CSS ??? ???? ? ???? <header>, <section>, <footer>, <aside>? ??? ? ????. <nav>, <article>, <??> ?? ?? HTML5 ??.
???: HTML5 Shiv Javascript ????? ???? IE ??? ??? ??? ? ????. HTML5 Shiv ???? ??: http://code.google.com/p/html5shiv/
???? ? ????? ?? ??? ?????:
< ;!--[IE 9? ??]>
<script src="html5shiv.js"></script>
<![endif]-->
? ??? ????? IE9?? ?? ? html5shiv.js ??? ?????. IE ????? ?? ??? ??? HTML5? ????? ?? ?????. ??? ??? ???????