HTML5 新元素
html5的语义化以及,可以让开发者非常方便地实现清晰的web布局,css3的渲染,建立丰富灵活的web显得非常简单。
html5 新元素
自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被或重新定义。
为了更好地处理今天的互联网应用,HTML5了很多新元素及,比如: 图形的绘制,多媒体,更好的结构,更好的形式 处理,和几个api拖放元素,定位,网页 应用程序缓存,存储,网络工作者等。
HTML5的新元素
<header>定义或区段的头部;
<footer>定义或区段的尾部;
<nav>定义或区段的导航区域;
<section>的逻辑区域或组合;
<article>定义正文或一篇完整的;
<aside>定义补充或相关;
nav导航
<!doctype html><html><head> < 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> < 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> < 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> < 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> 新元素
新多媒体元素
<au>
<video>
<source>
<embed>
<track>
HTML5 新表单元素
<datalist>
<keygen>
<output>
新的语义和结构元素
HTML5 提供了新的元素来创建更好的结构
<article>
<aside>
<bdi>
<command>
<details>
<dialog>
<summary>
<ure>
<caption>
<footer>
<header>
<mark>
<meter>
<nav>
<progress>
<ruby>
<rt>
<rp>
<section>
<time>
<wbr>
已移除的元素
下面列出的 HTML 4.01 元素在 HTML5 中已经被
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>