1-1article元素

Posted BetiaStar

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了1-1article元素相关的知识,希望对你有一定的参考价值。

示例一: 

  <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>

 

以上是关于1-1article元素的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段5——HTML元素结构

VSCode自定义代码片段5——HTML元素结构

CSS代码片段

CSS代码片段

css有用的代码片段

实用代码片段将json数据绑定到html元素 (转)