扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • 去除HTML标签删除HTML示例代码
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • asp.net去除HTML标签删除HTML小例子
  •  
    当前位置:  Web服务器/前端>html5

    HTML 5 <aside> 标签定义和用法详细介绍及举例

     
        发布时间:2014-5-15  


        本文导语:  HTML 5 <aside> 标签定义和用法 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 aside字面理解为“旁边”,在html5中范围更广一点,是跟主内容相关,...

         HTML 5 <aside> 标签定义和用法

         <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

         aside字面理解为“旁边”,在html5中范围更广一点,是跟主内容相关,但是又可以独立的内容 ,可以是广告引用侧边栏等等。

         HTML5提供的<aside>元素标签用来表示当前页面或文章的附属信息部分,可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及基于 KBEngine 的 HTML5 插件 kbengine_html5 iis7站长之家类似的有别与主要内容的部分。

        根据目前的规范,<aside>元素有两种使用方法

       1) 被包含在<article>中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的引用、词汇列表等。

       2) 在<article>之外使用,作为页面或站点全局的附属信息部分;最典型的形式是侧边栏(sidebar),其中的内容可以是友情链接、附属导航或广告单元等。


        HTML 4.01 与 HTML 5 之间的差异

        <aside> 标签是 HTML 5 的新标签。


    HTML 5 <aside> 标签提示注释

    注释:<aside> 的内容可用作文档的侧栏。

        HTML 5 <aside> 标签属性

        HTML 5 <aside> 标签标准属性

    class, contenteditable, contextmenu, dir, draggable, id, irrelevant,

    lang, ref, registrationmark, tabindex, template, title如需完整的描述,请访 HTML 5 中标准属性。

        HTML 5 <aside> 标签事件属性

    onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,

    ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,

    ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,

    onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,

    onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload


        HTML 5 <aside> 标签代码举例1:    

    <aside>Aside 的内容是独立的内容,但应与文档内容相关。</aside>


        HTML 5 <aside> 标签代码举例2:

    <!doctype html>
        <header>
        </header>
        <article>
            <h2>新闻列表</h2>
            <ul>
                主内容
            </ul>
        </article>
        <aside>
            <section>
                <h3>Html5最新动态</h3>
            </section>
            <section>
                <h3>Html5新增元素</h3>
            </section>
            <section>
                <h3>Html5新增Api</h3>
            </section>
            <section>
                <h2>Html5文章推荐</h2>
            </section>
        </aside>
        <footer>
        </footer>


    HTML 5 <aside> 标签代码举例3:

    <body>
        <header>
            <h1>My Blog</h1>
        </header>
        <article>
            <h1>My Blog Post</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                incididunt ut labore et dolore magna aliqua.</p>
            <aside>
                <!-- Since this aside is contained within an article, a parser
          should understand that the content of this aside is directly related
          to the article itself. -->
                <h1>Glossary</h1>
                <dl>
                    <dt>Lorem</dt>
                    <dd>ipsum dolor sit amet</dd>
                </dl>
            </aside>
        </article>
        <aside>
            <!-- This aside is outside of the article. Its content is related
        to the page, but not as closely related to the above article -->
            <h2>Blogroll</h2>
            <ul>
                <li><a href="#">My Friend</a></li>
                <li><a href="#">My Other Friend</a></li>
                <li><a href="#">My Best Friend</a></li>
            </ul>
        </aside>
    </body>


      您可能感兴趣的文章:

    • 本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML 5 <aside> 标签定义和用法详细介绍及举例
    相关文章推荐:


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3