search

milanrolie / your-tribe-for-life-squad-page

Maak met je squad een squadpagina met Prismic.io en Sveltekit
https://squadpage.netlify.app
MIT License
0 stars 1 forks source link

Wat is dit? #12

Open krijnhoetmer opened 1 year ago

krijnhoetmer commented 1 year ago

Verlies semantische HTML niet uit het oog. Is dit niet een table, of een dl?

https://github.com/milanrolie/your-tribe-for-life-squad-page/blob/bf31c8689407fed2abb0160ef75c36302f7e5d53/src/lib/components/Header.svelte#L9-L38

TimOosterveer commented 1 year ago 
      <div class="line">
        <dl class="container">
          <dt id="squad">54</dt>
          <dd>Members</dd>
        </dl>
      </div>

      <div class="line">
        <dl class="container">
          <dt id="squads">54</dt>
          <dd>Squads</dd>
        </dl>
      </div>

      <div class="line">
        <dl class="container">
          <dt id="squad_a">28</dt>
          <dd>Squad A</dd>
        </dl>
      </div>

      <div class="line">
        <dl class="container">
          <dt id="squad_b">26</dt>
          <dd>Squad B</dd>
        </dl>

He @krijnhoetmer , op deze manier?

krijnhoetmer commented 1 year ago

Zoiets ja, of 1 <dl> met meerdere <dt>/<dd>s. Of een <table> met <th>/<td>s. Of <section>s met headings. Maar in ieder geval iets van structuur 👍