ich möchte meinen Code

Question

hallo Jungs einen guten Morgen semantischen ich eines meiner jüngsten Projekt Semantic wollen, aber ich bin über einen meiner Code nicht sicher, habe ich gerade

erstellt

auch habe ich Bild dieses Abschnitts

ich möchte in Bild für markierte Teil-Tag verwenden

ist es gültig (bitte sehen sie die Abbildung) Abschnitt Tag zu verwenden hier?

mein Code für diesen Teil:

<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

Lesen Sie diesen Section tag

Abschnitt verwendet werden kann, wenn Sie die Details eines bestimmten Teils einer Web-Seite angezeigt werden sollen. Sie können Titel, Bilder oder andere Details beschreiben, die Sie wünschen, damit Sie Ihren Code einfach pflegen können.

Zum Beispiel kann eine Homepage einer Website in 3 Abschnitte unterteilt werden, z. B. Intro, Apps, Kommende Apps.

Answer 2

Verwenden Sie nicht das Element <section> als generischen Container; Dies ist, was <div> ist, insbesondere wenn die Aufteilung nur für Styling-Zwecke ist. Eine Faustregel ist, dass ein Abschnitt logisch in der Gliederung eines Dokuments erscheinen sollte.

Verwenden Sie <article> für Hauptverpackung.

Source

Sie besser die Konstruktion wie folgt verwenden -

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