Intereting Posts
Как я могу сделать клавиши со стрелками вверх и вниз перемещаться по строкам таблицы и программно применять sudo: hover к этим строкам? Как сделать центрированный с с обеих сторон по фоновому изображению Файл JS загружается, но не выполняется. источник веб-страницы, загруженный через Jsoup, не равен фактическому источнику веб-страницы Как проверить, существует ли URL-адрес с помощью javascript JQuery – Как обрезать изображение и масштабировать его в том же размере, что и исходное изображение Как избавиться от раздражающих границ iframe? Как сделать отображение в горизонтальной строке Как я могу установить флажок с шириной и высотой 16 пикселей? Как отобразить «страницу ожидания» во время работы CGI? Данные таблицы не отображаются с помощью Pagination PHP Как перенаправить на другую страницу через 5 минут? Высота не 100% на жидком контейнере, даже если html и body Шестиугольные изображения HTML в Outlook для Android не показывает кнопки, как ожидалось

Нужно ли иметь в любой таблице?

нужно ли иметь

в любой таблице? даже если таблица не имеет заголовка?

table имеет 3 других тега

необходимо использовать все, даже если у меня нет ничего для

колонтитула таблицы. Firefox по умолчанию добавить все это в код.

и необходимо ли,

всегда должно быть в

и если у меня есть заголовок в контенте, полученном от клиента, а заголовок – вне таблицы, но связанный с таблицей, то как мне разместить этот заголовок для таблицы

Как приведенная выше таблица

 

Heading of table

......

как заголовок таблицы

 

или как подпись таблицы

 
Heading of table

Что хорошо для чтения с экрана и семантически правильно?

    Согласно HTML DTD, это модель контента для таблиц HTML:

     < !ELEMENT TABLE - - (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)> < !ELEMENT CAPTION - - (%inline;)* -- table caption --> < !ELEMENT THEAD - O (TR)+ -- table header --> < !ELEMENT TFOOT - O (TR)+ -- table footer --> < !ELEMENT TBODY OO (TR)+ -- table body --> < !ELEMENT COLGROUP - O (COL)* -- table column group --> < !ELEMENT COL - O EMPTY -- table column --> < !ELEMENT TR - O (TH|TD)+ -- table row --> < !ELEMENT (TH|TD) - O (%flow;)* -- table header cell, table data cell--> 

    Так что это незаконный синтаксис:

     

    Должен быть:

     

    Элементы

    не требуются нигде. Это просто один из двух типов ячеек (другой

    ), который можно использовать в строке таблицы. A

    – необязательный раздел таблицы, который может содержать одну или несколько строк.

    Изменить: Что касается использования

    существует несколько причин:

    1. Семантика: вы различаете содержимое своей таблицы и «метаданные». Это чаще всего используется для разграничения между заголовками столбцов и строками данных;
    2. Доступность: помогает людям, использующим экранные программы, понимать содержимое таблицы;
    3. Non-Screen Media: печать многостраничной таблицы может позволить вам разместить содержимое

    в верхней части каждой страницы, чтобы люди могли понять, что означают столбцы, не перелистывая несколько страниц;

  • Styling: CSS можно применять к элементам
  • элементам

    , обеим или некоторым другим комбинациям. Это дает вам что-то еще, чтобы написать селектор против;

  • Javascript: это часто возникает при использовании jQuery и подобных библиотек. Дополнительная информация полезна при написании кода.
  • В качестве примера (5) вы можете сделать следующее:

     $("table > tbody > tr:nth-child(odd)").addClass("odd"); 

    Элемент

    означает, что эти строки не будут оформлены таким образом. Или вы можете сделать:

     $("table > tbody > tr").hover(function() { $(this).addClass("hover"); }, function() { $(this).removeClass("hover"); }); 

    с:

     tr.hover { background: yellow; } 

    который снова исключает строки

    .

    Наконец, многие из этих же аргументов применимы к использованию

    элементов над элементами

    : вы указываете, что эта ячейка не является данными, а каким-то заголовком. Часто такие ячейки группируются в одну или несколько строк в разделе

    или будут первой ячейкой в ​​каждой строке в зависимости от структуры и характера вашей таблицы.

    Используйте

    s, если вы показываете табличные данные – используйте по одному для каждого столбца. Это хорошо для ваших обычных пользователей и важно для чтения с экрана. Не используйте

    s, если вы используете таблицу для целей макета (или других гнусных схем …)

    Нет, нет необходимости иметь th. Но это не похоже, что вы правильно используете. Как правило, у вас есть по одному для каждого столбца. Простой пример правильного использования:

     
    Heading of table
    Heading of table
    Heading of table
    BreedName
    PekingesePluto
    LabBuddy

    Вы также можете сделать:

     
    BreedName
    PekingesePluto
    LabBuddy

    Ответ

    ДА!

    если вы используете таблицы для отображения табличных данных .

    Табличные данные упорядочены по строкам и столбцам. Значение элемента данных в ячейке таблицы определяется значением столбца и строки , в которой он появляется.

    Важно идентифицировать те ячейки, которые придают смысл строкам и столбцам, а не отдельно от ячеек, которые содержат только данные.

    Например, следующая таблица не содержит абсолютно никакой значимой информации:

      34 56 90 15
     45 65 85 30
     50 55 70 35 

    Цифры имеют смысл только в том случае, если для строк и столбцов указаны имена. Эти имена помечены с помощью

    :

         Февраль Май Авг Ноябрь
     ITH
     JFK
     IST
    

    Конечно, мы все еще не знаем, что означают эти цифры, поэтому требуется

    :

      Средние температуры по месяцам в выбранных аэропортах
         Февраль Май Авг Ноябрь
     ITH
     JFK
     IST
    

    Наконец, важно отметить такие детали, как единицы измерения, источники данных и т. Д. Такая информация обычно находится в нижнем колонтитуле таблицы:

      Средние температуры по месяцам в выбранных аэропортах
         Февраль Май Авг Ноябрь
     ITH
     JFK
     IST
     Температуры в ° F.  Источник: публикация № 456 МНМО
    

    Название таблицы приведено в

    .

    и

    особенно полезны, когда таблица становится большой. См. Раздел Как справляться с разрывами страниц при печати большой таблицы HTML для примера.

    Вы можете использовать для группировки логически связанных данных.

    Вы хотите использовать то, что лучше описывает ваши данные.

    будет описывать всю таблицу. th будет создавать одну ячейку, которая обычно используется для описания одного столбца (но также может использоваться для заголовков строк).

    tfoot , tfoot и tbody . все могут быть использованы и все они являются необязательными при условии, что они находятся в этом порядке, если они используются, и у вас есть только один thead и один tfoot (но у вас может быть несколько tbody . Многие браузеры (все?) будут добавлять их неявно, t, но спецификация говорит, что они являются необязательными.

    th может появляться внутри любого tr независимо от того, где tr .

     
    text

    Это минимальная таблица, о которой я могу думать.

    Преимущества – семантика.

    означает T- способ. Используйте его для разметки заголовков столбцов. Обычно в пределах

    .