您的位置:首页 > Web前端 > HTML5

html5中article元素的使用方法

2016-07-27 15:36 323 查看
<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>article元素的使用方法</title>

    </head>

    <body>

        <article>

            <header>

                <h1>我是article</h1>

                <p>创建时间<time pubdate="true">2016/7/25</time></p>

            </header>

        </article>

        <p>

            <b>Article</b>是一个独立的区域

        </p>

        <section>

            <h2>读者评论</h2>

            <article>

                <header>

                    <h3>读者:flower</h3>

                    <p>

                        <time pubdate="true" datetime="2016/7/25 T23:00">2小时前</time>

                    </p>

                </header>

                <p>文章很好</p>

            </article>

            <article>

                <header>

                    <h3>读者:cherish</h3>

                    <p>

                        <time pubdate="true" datetime="2016/7/25 T21:00">1小时前</time>

                    </p>

                </header>

                <p>文章很好</p>

            </article>

        </section>

        <footer>

            <p><small>开发者版权</small></p>

        </footer>

        </article>

    </body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html5