扩展阅读
  • 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 <article> 标签定义用法及使用情景举例

     
        发布时间:2014-5-14  


        本文导语:  HTML 5 <article> 标签定义和用法 <article> 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。 arti...

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

       <article> 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

        article 字面意思为“文章”。在web页面中表现为独立的内容,如一篇新闻,一篇评论,一段名言,一段联系方式。这其中包括两方面,一为整个页面的主旨内容,另外就是一些辅助内容。

        <article> 标签可以嵌套,即article里面还可以包含article,此时内article应该跟外article有一定的关联性.


       HTML 4.01 与 HTML 5 之间的差异

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


       HTML 5 <article> 标签提示注释

        注释:<article> 标签的内容独立于文档的其余部分。


       HTML 5 <article> 标签属性

    标准属性

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

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


    事件属性

    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 <article> 标签例子:

    <article>
    <h2>Netscape Is Dead</h2>
    AOL has now officially announced that they will end
    the development and support of all Netscape browsers.
    </article>


       HTML 5 <article> 标签使用 情景一:  整个页面的主旨内容

    <!doctype html>   
    <title>html5esf.xmhouse.com</title>   
    <body>   
    <article>   
    <h1></h1>   
    <p>主内容</p>   
    </article>   
    <aside>   
    侧边内容   
    </aside>   
    </body>

    HTML 5 <article> 标签使用 情景二:    内容的评论

    <!doctype html>   
    <title>html5站案例</title>   
     <body>   
     <article>   
     主内容省略....   
    <section>   
     <h1>评论</h1>   
    <ul>   
     <li>   
    <article>评论1</article>   
    </li>   
     <li>   
     <article>评论2</article>   
    </li>   
     </ul>   
    </section>   
    </article>   
    <aside>   
    侧边内容   
    </aside>   
    </body>

    HTML 5 <article> 标签使用 情景三 : 辅助内容

    <!doctype html>   
     <title>html5站案例</title>   
    <body>   
     主内容省略...   
    <aside>   
    <article>   
     <p>作者:天津SEO</p>   
    <p>文章编写时间:2013年8月</p>   
    </article>   
    </aside>   
     </body>


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


    站内导航:


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

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

    浙ICP备11055608号-3