您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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>


联系我
置顶