Millal tuleks kasutada <div> ja <span> sildid HTML-märgistuses?

div ja span tagi ir universāli konteineri, kas tiek izmantoti elementu grupēšanai un stilu piemērošanai.

• div (dalījums): Bloka elements. Izveido jaunu rindu pirms un pēc sava satura. To izmanto lielu satura daļu, piemēram, virsrakstu, galveno saturu, kājenes, sānu panelus, grupēšanai. To izmanto lapas izkārtojuma veidošanai ar CSS.

• span: Līnijas elements. Neizveido jaunu rindu. To izmanto nelielu satura daļu grupēšanai iekšā rindā, piemēram, atsevišķas vārdus vai frāzes. To izmanto, lai piešķirtu stilistisku efektu konkrētam teksta fragmentam bez ietekmes uz apkārtējiem elementiem.

div lietošanas piemērs:

<!-- Vietnes galvenes sadaļas grupēšana -->
<div class="header">
  <h1>Logotips</h1>
  <nav>
    <ul>
      <li>Saites 1</li>
      <li>Saites 2</li>
    </ul>
  </nav>
</div>

<!-- Galvenā satura grupēšana -->
<div class="main-content">
  <article>
    <h2>Raksta virsraksts</h2>
    <p>Raksta saturs...</p>
  </article>
</div>

span lietošanas piemērs:

<p>Šis ir parasts teksts ar <span class="highlight">izcelto</span> vārdu.</p>

<style>
  .highlight {
    krāsa: zila; /* Stila piemērošana tikai vārdam "izcelto" */
    font-weight: bold;
  }
</style>

Šo tagu lietošana ar semantiski atbilstošiem klasi vai identifikatoriem uzlabo lasāmību un koda uzturēšanu, kā arī ir noderīga stilu un DOM manipulācijām. Ir svarīgi izvairīties no pārmērīgas div un span lietošanas, ja ir piemērotākas semantiski nozīmīgas HTML5 tagi (piemēram, header, footer, article, nav, section).