html5的一些新增标签。。

<!DOCTYPE html>
               <!--
                   作者:flower@qq.com
                   时间:2016-07-25
                   描述:格式声明
               -->
<html>
    <head>
        <meta charset="utf-8" /><!--字符编码-->
        <title>html5新增标签</title>
    </head>
    <body>
        <header>一块内容区域的标题部分</header>
        <nav>页面中导航链接部分</nav>
        <article>页面中一块与上下文不相关的内容</article>
        <section>页面中一块内容区域,页眉,页脚。。</section>
        <aside>表示article元素内容之外的辅助信息</aside>

        <footer>页脚,比如文件的创建时间。。</footer>


        <!--定义首字母缩写词,鼠标放在WWW上显示title,HTML 5 不支持 <acronym>。请使用 <abbr> 代替-->
        <acronym title="World Wide Web">WWW</acronym>
        <abbr title="A Beautiful City">ABC</abbr>
        <abbr title="重庆">渝</abbr>
        
        <!--定义文档作者或拥有者的联系信息。-->
        <address>重庆市</address>
        
        <!--定义图像映射中的区域-->
        <img src="planets.gif" alt="Planets" usemap="#planetmap"/>
        
        <map id="planetmap">
            <area shape="rect" coords="0,0,82,126" href="sun.html" alt="sum">
            <area shape ="circle" coords ="90,58,3" href ="mercur.htm" alt="Mercury" />
             <area shape ="circle" coords ="124,58,8" href ="venus.htm" alt="Venus" />
        </map>
        
        <!--定义外部的内容,可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本..-->
        <article>
            <a href="http://www.apple.com">Safari 5 released</a><br />
                7 Jun 2010. Just after the announcement of the new iPhone 4 at WWDC,
                Apple announced the release of Safari 5 for Windows and Mac......
        </article>
        
        <!--<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关,:<aside> 的内容可用作文章的侧栏。-->
        <p>Me and my family visited The Epcot center this summer.</p>
        <aside>
        <h4>Epcot Center</h4>
        The Epcot Center is a theme park in Disney World, Florida.
        </aside>
        
        <!--声音,比如音乐或其他音频流-->
        <audio src="Owl City - Enchanted.mp3" autoplay="autoplay" loop="loop" preload="metadata" controls="controls">
            浏览器不支持
        </audio>

    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值