Question

你好，大家早上好我想语义我最近的一个项目，但我不确定我刚刚创建的一个代码

我也有该部分的图片

我想使用标签突出显示图片中的部分（请看图片）

在此处使用部分代码是否有效？

我这部分的代码：

<section class="customer-receipts">
    <div class="image-part">
        <figure>
            <img src="h56.jpg">
        </figure>
    </div>
    <div class="text-part">
        <h2>send customers digital receipts</h2>
        <section class="paper-sec">
            <h3>no paper receipts</h3>
            <p>Eliminate the need to store signed paper receipts</p>
        </section>
        <section class="paper-sec">
            <h3>searchable transactions</h3>
            <p>Every transaction you run in saved in the system for the lifetime of your business</p>
        </section>
        <section class="paper-sec">
            <h3>bra free</h3>
            <p>Every transaction you run in saved in the system for the lifetime of your business</p>
        </section>
        <section class="paper-sec">
            <h3>green technology</h3>
            <p>Every transaction you run in saved in the system for the lifetime of your business</p>
        </section>
    </div>
</section>

Answer 1

不要将<section>元素用作通用容器;这是<div>的用途，特别是当切片仅用于样式时。根据经验，部分应逻辑上出现在文档的大纲中。

使用<article>作为主包装。

Source

你最好使用这样的结构 -

＆＃13;

<article class="customer-receipts">
  <section class="image-part">
    <figure>
      <img src="h56.jpg">
    </figure>
  </section>
  <section class="text-part">
    <h2>send customers digital receipts</h2>
    <div class="paper-sec">
      <h3>no paper receipts</h3>
      <p>Eliminate the need to store signed paper receipts</p>
    </div>
    <div class="paper-sec">
      <h3>searchable transactions</h3>
      <p>Every transaction you run in saved in the system for the lifetime of your business</p>
    </div>
    <div class="paper-sec">
      <h3>bra free</h3>
      <p>Every transaction you run in saved in the system for the lifetime of your business</p>
    </div>
    <div class="paper-sec">
      <h3>green technology</h3>
      <p>Every transaction you run in saved in the system for the lifetime of your business</p>
    </div>
  </section>
</article>

＆＃13;

Answer 2

阅读此Section tag

如果要显示网页特定部分的详细信息，可以使用该部分。您可以描述所需的标题，图像或其他详细信息，以便维护代码。

例如，网站的主页可以分为3个部分，例如Intro，Apps，即将推出的应用。

我想语义我的代码

2 个答案: