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