1-1、article元素

示例一: 

  <article>
    <header>
      <h1>苹果</h1>
      <p>发表日期:<time pubdate>2017/07/02</time></p>
    </header>
    <p><b>苹果</b>,植物类水果</p>
    <footer>
      <p><small>公司所有</small></p>
    </footer>
  </article>

实例二:

 

<article>
    <header>
        <h1>苹果</h1>
        <p>发表日期:<time pubdate>2017/07/02</time></p>
    </header>
    <p><b>苹果</b>,植物类水果</p>
    <section>
        <h2>评论</h2>
        <article>
            <header>
                <h3>发表者:小明</h3>
                <p>
                    <time pubdate="" datetime="2017/07/02T21:04">1小时前</time>
                </p>
            </header>
            <p>我喜欢苹果。</p>
        </article>
        <article>
            <header>
                <h3>发表者:小红</h3>
                <p>
                    <time pubdate="" datetime="2017/07/02T21:15">1小时前</time>
                </p>
            </header>
            <p>我喜欢橘子不喜欢苹果。</p>
        </article>
    </section>
</article>

示例三:

<article>
    <h1>我的水果机</h1>
    <object data="" type="">
        <param name="allowFullScreen" value="true">
        <embed src="#" width="600" height="395" type="">
    </object>
</article>
时间: 2024-10-09 17:45:14

1-1、article元素的相关文章

HTML5之article元素与section元素之间的区别?

在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉.页脚.内容区块等文档结构相关联的结构元素.内容区块是指将HTML页面按逻辑分割后 的单位.例如对于书籍来说,章.节可以称为内容区块:对于博客网站来说,导航菜单.文章正文.文章的评论等每一个部分都可称为内容区块.       在HTML5中新增的主体结构元素中有两个元素分别article元素与section元素,这两个元素是什么意思?通常用于哪些内容区块?何时用article元素?何时用section元素?两者之间的区别是什么?   

HTML5&lt;article&gt;元素

HTML5<article>元素用来定义页面文档的独立内容. 实例: <article class="pageArticle"> <h2>article</h2> <header> <h2>article header</h2> </header> <aside> <h2>article aside</h2> </aside> <p>

详解HTML5中的&lt;aside&gt;元素与&lt;article&gt;元素

<aside>元素HTML<aside>元素表示一个页面的一部分, 它的内容跟这个页面的其它内容的关联性不强,或者是没有关联,单独存在.<aside>元素通常显示成侧边栏(sidebar)或一些插入补充内容.通常用来在侧边栏显示一些定义,比如目录.索引.术语表等:也可以用来显示相关的广告宣传,作者的介绍,Web应用,相关链接,当前页内容简介等. <aside>元素使用注意事项: 不要使用<aside>元素标记括号中的文字,因为这种类型的文本被认为

section和article元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>第一课</title> </head> <body> <artcile> <header> <h1> 我是artcile标题 </h1> <p>创建时间:<time p

2.10.1 article元素

嵌套 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <article> <header> <h1>极客学院</h1> </header> <article> <header> 作者 &

HTML5中的Article和Section元素

HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:和. 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Section元素 这是一个最容易产生歧义的元素.它与元素有什么区别?我们一直在用来划分段落,所以除 了,我们什么时候使用这个元素.我们引用官方文档来阐述它.根据WHATWG文档,对元素做了以下 描述: "元素表示了一篇文档或应用中,通用段落 - WHATWG" 精心开发5年的UI前

html5:article与section元素

article元素 aiticle元素代表文档.页面或应用程序中独立的.完整的.可以肚子被外部引用的内容.它可以使一片博客或报刊中的文章.帖子. 一个article元素通常有它自己的标题,通常放在header元素里面,有时还有他的脚注.   Section元素 section元素用于对网站或应用程序中页面上的内容进行分块.一个section元素通常有内容及其标题组成.但section元素并非一个普通的容器元素:当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div而非section元素

html5 中的 article 和 section 元素

HTML5带出了一系列新元素,并且将在未来被广泛应用.然而,有一些元素在使用时易被混淆,包括以下两个新元素:<article>和<section>. 最常被问起的问题是:在什么情况下我们应该使用这些元素?以及我们应该如何正确的使用这些元素? Article元素 从名字上,它已经很好的诠释了自己,但是我们仍要看看官方文档上是如何描述它的: "在文档,页面,应用或是站点上的一个独立部分,并且大体上,是可独立分配,或是重复使用的,例如在发布时.这个可以是论坛帖子,杂志或是新闻,

h5中的结构元素header、nav、article、aside、section、footer介绍

结构元素不具有任何样式,只是使页面元素的的语义更加明确. header元素 header元素是一种具有引导和导航作用的的结构元素,该元素可以包含所有通常放在页面头部的内容.header元素通常用来放置整个页面或页面内的一个内容区块的标题,也可以包含网站Logo图片.搜索表单或者其他相关内容. <header> <h1>网页主题</h1> </header> 一个网页中可以使用多个header元素,也可以为每一个内容块添加header元素. nav元素 nav