Question

我想在程序中使用section标签，所以这是在程序内部使用section标签的正确方法...

<section id="training-pg">
     <div class="row">
       <div class="container">
        // Write you code here.
         <h3>the title</h3>
         <p><?php the_field('training_program'); ?></p>
       </div>
      </div>
    </section>      //  Or 

    <div class="container-fluid">
      <div class="row">
        <section id="training-pg">
          <h3>the title</h3>
          <p><?php the_field('training_program'); ?></p>
        </section>
      </div>
    </div>

Answer 1

根据W3Schools，使用<select>的语义方式是：

部分是内容的主题分组，通常带有标题

根据MDN：

HTML文档中的 HTML <section>元素代表一个独立部分，该部分没有更具体的语义元素来表示它。通常，但并非总是如此，各节都有标题。

作为第一个示例，您可以看到一个带有ID的部分，该ID清楚地定义了该部分的目的以及标题，我可以这样说：

<section id="training-pg">
    <div class="row">
        <div class="container">
            <h3>the title</h3>
            <p><?php the_field('training_program'); ?></p>
        </div>
    </div>
</section>

是使用<section>的正确且最语义的方式。

Answer 2

第一种方法是使用section标签的正确方法。

<section id="training-pg">
 <div class="row">
   <div class="container">
    // Write you code here.
     <h3>the title</h3>
     <p><?php the_field('training_program'); ?></p>
   </div>
  </div>
</section>

Answer 3

第一种方法是使用section标签的正确方法

哪个是使用section标签的好概念？

3 个答案: