HTML5中文档结构相关元素

最新推荐文章于 2023-01-02 21:27:42 发布

第十七签

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量1.3k

点赞数

分类专栏： HTML 文章标签： html5

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/u012868077/article/details/51532917

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <title>文档结构元素</title>
    </head>
    <body>
        <article>
            <!--帖子的头部-->
           <header>
                <h1>总统<mark>普京</mark>，够硬吗</h1>
                <div>作者：第十七签</div>
            </header>
            <p>
                俄罗斯总统普京，对于土耳其和乌克兰的态度如何？
                普京对于美国又会有什么样的而态度？
            </p> 
            <!--帖子的回复部分-->
            <section>
                <article>
                    <header>
                        <h2>男人当如普京</h2>
                        <div>作者：超级灌水王</div>
                    </header>
                    <p>
                        一个名族的标志，一个时代的标志。
                        <time datetime="17:30">时间</time>
                        <details>
                            <summary>俄日</summary>
                            普京与安倍
                        </details>

                    </p>
                </article>
                <article>
                    <header>
                        <h2>我京威武</h2>
                        <div>作者：大头爸爸</div>
                    </header>
                    <p>
                        幽默、硬朗。
                    </p>
                    进度：<meter value="130" min="20" max="150"></meter>
                </article>
            </section>
            <!--脚注-->
            <footer>
                更多内容，请关注微信号pipa。
            </footer>
            <!--添加边栏，将aside放在article内部，为文章添加边栏-->

        </article>

    </body>
</html>