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