HTML5 新语义元素标签 article实例 - W3CAPI 在线教程

源代码

​x
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML5 新语义元素标签 article实例</title>
<meta name="description" content="此页面展示HTML5中新语义元素标签 article实例(语义标签<article> 标签定义页面中独立的内容模块，一个article标签中可以包含多个section标签)的实例代码，W3CAPI实例演示工具箱，提供了前端(HTML、HTML5、Javascript、CSS、CSS3)实例演示和在线代码编辑、运行功能。用户使用此工具箱可以更清楚的了解代码的实现效果和实现逻辑。" />
    
</head>
​
<body>
​
<article>
    <section>
        <h1>我是section标签标题1</h1>
        <p>我是section标签标题1的内容</p>
    </section>
​
    <section>
        <h1>我是section标签标题2</h1>
        <p>我是section标签标题2的内容</p>
    </section>
</article>
​
</body>
</html>

运行结果

W3CAPI 实例工具箱