html5新增的结构元素

Posted 2020-07-22 艺非凡

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5新增的结构元素相关的知识，希望对你有一定的参考价值。

<!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>

以上是关于html5新增的结构元素的主要内容，如果未能解决你的问题，请参考以下文章

html5新增标签有什么，常用的给我列一下，谢谢。。。