html5的語(yǔ)義化標(biāo)簽以及屬性，可以讓開(kāi)發(fā)者非常方便地實(shí)現(xiàn)清晰的web頁(yè)面布局，加上css3的效果渲染，快速建立豐富靈活的web頁(yè)面顯得非常簡(jiǎn)單。 html5 新元素自1999年以后HTML 4.01 已經(jīng)改變了很多,今天，在HTML 4.01中的幾個(gè)已經(jīng)被廢棄，這些元素在HTML5中已經(jīng)被刪除或重新定義。 為了更好地處理今天的互聯(lián)網(wǎng)應(yīng)用，HTML5添加了很多新元素及功能，比如: 圖形的繪制，多媒體內(nèi)容，更好的頁(yè)面結(jié)構(gòu)，更好的形式 處理，和幾個(gè)api拖放元素，定位，包括網(wǎng)頁(yè) 應(yīng)用程序緩存，存儲(chǔ)，網(wǎng)絡(luò)工作者等。 HTML5的新標(biāo)簽元素
nav導(dǎo)航標(biāo)簽
<!doctype html><html><head>
<Meta charset="UTF-8">
<title>HTML5 Nav導(dǎo)航標(biāo)簽的使用</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</nav>
</body>
</html>
<header>標(biāo)簽實(shí)現(xiàn)
<!doctype html>
<html>
<head>
<Meta charset="UTF-8">
<title><header>標(biāo)簽實(shí)現(xiàn) by www.F2er.com</title>
</head>
<body>
<header id="page_header">
<h1>Header</h1>
</header>
</body>
</html>
<footer>標(biāo)簽實(shí)現(xiàn)
<!doctype html>
<html>
<head>
<Meta charset="UTF-8">
<title><footer>標(biāo)簽實(shí)現(xiàn) by www.F2er.com</title>
</head>
<body>
<footer>標(biāo)簽實(shí)現(xiàn)
<footer id="page_footer">
<h2>Footer</h2>
</footer>
</body>
</html>
<section>區(qū)塊和<article>文章
<!doctype html>
<html>
<head>
<Meta charset="UTF-8">
<title><section>和<article>標(biāo)簽實(shí)現(xiàn) by www.F2er.com</title>
</head>
<body>
<section>和<article>標(biāo)簽實(shí)現(xiàn)
<section id="posts">
/*可以包含多個(gè)< article>*/
<article class="post">
/*article的內(nèi)容*/
</article>
<article class="post">
/*article的內(nèi)容*/
</article>
</section>
</body>
</html>
<canvas> 新元素
新多媒體元素
HTML5 新表單元素
新的語(yǔ)義和結(jié)構(gòu)元素HTML5 提供了新的元素來(lái)創(chuàng)建更好的頁(yè)面結(jié)構(gòu)
已移除的元素下面列出的 HTML 4.01 元素在 HTML5 中已經(jīng)被刪除
|
