opebet网页版-bet亚洲官网手机版-登录

教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

传智教育|传智播客

一样的教育,不一样的品质

全国校区

 

article标签是什么元素?有什么作用?

更新时间:2021年03月24日16时47分 来源:传智教育 浏览次数:

article元素代表文档、页面或者应用程序中与上下文不相关的独立部分,该元素经常被用于定义一篇日志、一条资讯或用户评论等。article元素通常使用多个section元素进行划分,一个页面中article元素可以出现多次。

下面通过一个案例对article元素的用法进行演示,如下所示。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>article元素的使用</title>
</head>
<body>
    <article>
        <header>
            <h2>第一章</h2>
      </header>
      <section>
            <header>
                <h2>第1节</h2>
            </header>
        </section>
        <section>
            <header>
                <h2>第2节</h2>
            </header>
        </section>
    </article>
    <article>
        <header>
            <h2>第二章</h2>
        </header>
    </article>
</body>
</html>

上述代码包含了两个article元素,其中,第1个article元素又包含了一个header元素和两个section元素。

效果图如下所示:

1616575460926_article.jpg

article元素使用效果展示



猜你喜欢:

HTML图像标签的基本特点和相关属性

怎样使用H5头部标签?具体代码演示

html中figcaption标签的作用

传智教育web前端培训课程

opebet网页版|bet亚洲官网手机版

XML 地图 | Sitemap 地图