Chciałbym wiedzieć, które tagi powinienem użyć do takiego układu. Semantycznie jest dla mnie zarówno tabelą, jak i listą. W jaki sposób mogę osiągnąć te podkreślenia i zachować prawidłowy zapis?Tabela lub lista: czego powinienem tu użyć?
Osobiście skorzystam z uporządkowanej listy, aby to osiągnąć, lista pod Suma skladki oznacza, że nie są to dane tabelaryczne.
Ten link powinien dać Ci dokładnie to, czego potrzebujesz:
"podmenu pod Suma skladki oznacza, że to naprawdę nie są dane tabelaryczne" - nie zgadzam się – vol7ron
Tak, vol7ron, chyba powinienem był sformułować to trochę inaczej. Pociski sugerują listę, ale można ją opisać w dowolny sposób. Myślę, że walczyłbyś o to bezbłędnie z tabelami: –
"Myślę, że walczyłbyś o to, by osiągnąć to czysto przy użyciu tabel", absolutnie się zgadzasz, chyba że używasz JavaScript do wypełnienia komórki lub ewentualnie elementu div z tłem powtarzania-x image – vol7ron
To wygląda danych tabelarycznych więc stół będzie semantycznie poprawne
Dla mnie osobiście, to wygląda bardziej jak liście niż tabeli (choć można jeszcze zbudować go jako tabeli i rób to w sposób uzasadniony). Zbudowałbym to jako listę zagnieżdżoną.
<ul>
<li>Suma skladki <span class="price">900 PLN</span>
<ul>
<li>Skladka podstawawa
<span class="desc">(dia przychodu 250 000 PLN)</span>
<span class="price">550 PNL</span>
</li>
</ul>
</li>
</ul>
To również daje większą swobodę projektowania w przyszłości, niż w przypadku korzystania z elementu table. Nie jestem pewien, czy table komunikuje tu również zagnieżdżoną hierarchię, jak również serię list.
powiedział, że jest to dzień, w wieku nie robi” • Naprawdę ważne jest to, czego używasz, o ile możesz go bronić, szczególnie, że listy/divy mogą tak zrobić e na kształcie stołu.
Niewłaściwe jest używanie table dla czegoś, co nie jest tabelą, niż używanie listy dla czegoś, co mogłoby wykorzystać tabelę.
"Bardziej niewłaściwe jest używanie tabeli dla czegoś, co nie jest tabelą, niż używanie listy za coś, co mogłoby wykorzystać stół. " Jestem tego świadomy, ale nienawidzę trendu, że niektórzy próbują unikać tabel za wszelką cenę, tylko nieporozumienie co do koncepcji projektowania semantycznego (np. Używanie div do tabeli rysunków) –
@SomalSomalski: Zgadzam się. W rzeczywistości tabele są naprawdę znaczące, jeśli chodzi o dostępność (508) i czytniki ekranu.Jest jednak dość spory koszt sieci; Tabele zajmują więcej czasu, aby renderować i budować w DOM, co było znacznie większym powodem w czasach, gdy koncentrowała się cała debata Table vs Div. Debata ta nieco ucichła, choć dyskutujemy o tym tutaj. – vol7ron
@SomalSomalski Odnośnie czytników ekranu: chyba że faktycznie przetestujesz (i naprawisz) dostępność czytnika ekranu, twoja tabela może być nieczytelna dla czytnika ekranu, zobacz http://stackoverflow.com/questions/21586478/tabele-and-screen -readers –
+1 za to, że faktycznie to przemyślał przez –