html5新增的结构元素

最新推荐文章于 2022-03-30 18:44:33 发布

会做饭的技术男

最新推荐文章于 2022-03-30 18:44:33 发布

阅读量113

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog.php?id=hjhjaa2cbahj&title=html5%E6%96%B0%E5%A2%9E%E7%9A%84%E7%BB%93%E6%9E%84%E5%85%83%E7%B4%A0

版权

前端专栏收录该内容

2507 篇文章 13 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
         <!--新增的主体结构元素：article：一段独立的完整的内容-->    
         <article>
             <header>
                 <h1>苹果</h1>
                 <p>发表日期:<time pubdate="pubdate">2016/02/12</time></p>
             </header>
             <p><b>苹果</b>,植物类水果,多次花果...(文章正文)</p>
             <footer>
                 <p><small>著作版权***公司所有.</small></p>
             </footer>
         </article>
         <hr />
         <!--section元素：对页面上的内容进行分块-->
          <article>
             <header>
                 <h1>苹果</h1>
                 <p>发表日期:<time pubdate="pubdate">2016/02/12</time></p>
             </header>
             <p><b>苹果</b>,植物类水果,多次花果...</p> 
             <section>
                 <h2>红富士</h2>
                 <p>红富士是从普通富士的芽中选育出的...</p>
             </section>
             <section>
                 <h2>国光</h2>
                 <p>国光苹果品,又名小国光,原产美国....</p>
             </section>
         </article>
         <hr/>
    </body>
</html>