Posty

Wyświetlam posty z etykietą Tabele

Tabele z dwoma nagłówkami

Obraz
Ta strona opisuje tabele, które mają prosty nagłówek wiersza i prosty nagłówek kolumny. W takich tabelach związek między nagłówkami a komórkami danych staje się szybko niejasny. W przypadku takich tabel należy użyć elementu <th>, aby zidentyfikować komórki nagłówka i atrybut scope w celu zadeklarowania kierunku każdego nagłówka. Atrybut scope może mieć wartość row lub col aby oznaczać, że nagłówek dotyczy odpowiednio całego wiersza lub kolumny. Ponadto można użyć elementu <caption>, aby zidentyfikować tabelę w dokumencie. Jest to szczególnie użyteczne dla użytkowników czytników ekranu, którzy przeglądają stronę internetową w "trybie tabeli", gdzie mogą poruszać się między nimi. Więcej informacji i wytycznych dotyczących używania elementu <caption> znajduje się na stronie  Caption & Summary. Podejście 1: Tabela z komórkami nagłówkowymi w górnym rzędzie i pierwszej kolumnie Poniższa tabela Godziny otwarcia zawiera informacje nagłówka zarówno w górny...

Tabele z jednym nagłówkiem

Obraz
Ta strona obejmuje tabele zawierające jeden prosty nagłówek wierszy lub jeden prosty nagłówek kolumn. Dane w tych tabelach są opisane w sposób jednoznaczny. Jeśli zawartość tabeli jest niejednoznaczna lub zawiera nagłówki kolumn i wierszy, należy użyć atrybutu scope, aby uniknąć zamieszania. Więcej informacji na temat takich tabel można znaleźć w tabelach zawierających dwa nagłówki . Podejście 1: Tabela z komórkami nagłówka w górnym rzędzie Następująca tabela koncertów zawiera komórki w pierwszym rzędzie, oznaczone przy użyciu elementu <th>. Jest to dopuszczalne tylko dlatego, że jest to taki mała tabela, a same dane są wyraźnie różne w każdej kolumnie, tak że związek między nagłówkiem a komórkami danych jest oczywisty. Uwaga: Niektórzy czytniki ekranu odczytują "Data - Zdarzenie - Miejsce" w komórce "Miejsce", ponieważ kierunek elementów <th> jest niejednoznaczny. PRZYKŁAD: Koncerty: Data Zdarzenie Miejsce 12 lutego Wal...

Koncepcje tabel

Obraz
Tabele danych służą do organizowania danych z relacjami logicznymi w strukturze sieci. Dostępne tabele wymagają znaczników HTML, które wskazują komórki nagłówka i komórki danych i definiują ich relacje. Technologie wspomagające wykorzystują te informacje, aby zapewnić kontekst użytkownikom. Komórki nagłówków muszą być oznaczone tagami <th>, a komórkami danych <td>. W przypadku bardziej złożonych tabel konieczne może być skojarzenia jawne przy użyciu atrybutów scope , id i headers . Ten samouczek pokazuje, jak zastosować odpowiednie znaczniki strukturalne w tabelach. Obejmuje on następujące strony: Tabele z jednym nagłówkiem  Dla wierszy lub kolumn: w przypadku tabel z łatwą do rozróżnienia treścią zaznaczono komórki nagłówkowe <th> i komórki danych elementami <td>. Tabele z dwoma nagłówkami  Mające prosty nagłówek wiersza i prosty nagłówek kolumny: w przypadku tabel z nieczytelnymi zakresami nagłówków określ zakres każdego ...