Какова цель для tbody HTML?

doc = Nokogiri::HTML(open("[insert URL here]"))
href = doc.css('#block a')[0]["href"]

Переменная href присваивается значению атрибута "href" для элемента <a> внутри элемента с id 'block'. Строка doc.css('#block a') возвращает один массив элементов, содержащий атрибуты #block a. [0] предназначается для того единственного элемента, который является хешем, содержащим все имена и значения атрибута. ["href"] предназначается для ключа "href" внутри этого хеша и возвращает значение, которое является строкой, содержащей URL.

32
задан freginold 24 October 2017 в 17:38
поделиться

4 ответа

Чтобы придать семантическое значение вашей таблице:

<table>
  <thead>
    <tr>
      <th>Person</th>
      <th>Amount</th>
      <th>Date</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Person1</td>
      <td>$5.99</td>
      <td>02/03/09</td>
    </tr>
    <tr>
      <td>Person2</td>
      <td>$12.99</td>
      <td>08/15/09</td>
    </tr>
  </tbody>
</table>

Согласно спецификации :

Строки таблицы могут быть сгруппированы в заголовок таблицы, основание таблицы и одну или несколько таблиц. body, используя элементы THEAD, TFOOT и TBODY соответственно. Это разделение позволяет программным агентам поддерживать прокрутку тела таблицы независимо от головки и ножки стола. Когда печатаются длинные таблицы, информация о заголовке и ножке таблицы может повторяться на каждой странице, содержащей данные таблицы.

Заголовок и основание таблицы должны содержать информацию о столбцах таблицы. Тело таблицы должно содержать строки с данными таблицы.

Если присутствует, каждый THEAD, TFOOT и TBODY содержит группу строк. Каждая группа строк должна содержать по крайней мере одну строку, определяемую элементом TR.

Помимо важной семантической важности этого (подумайте о программах чтения с экрана), затем вы можете легко стилизовать заголовки отдельно от строк данных. Другой подходящий пример - плагины jQuery, такие как плагин Tablesorter , могут легко определить, как выглядит ваша структура данных.

38
ответ дан 27 November 2019 в 20:35
поделиться

One great use I've found for tbody is to allow for the rows to be scrollable while keeping the column header and footer visible. This only works in browsers that actually support css though. Sorry no Internet Explorer!

<tbody style="height: 150px; overflow-y: scroll">
12
ответ дан 27 November 2019 в 20:35
поделиться

To separate the header (thead), body (tbody) and footer (tfoot) parts of an HTML table. This is incredibly useful. A typical use is to put your column headers in your thead element and the data in tbody. The tfoot element is less common but sometimes useful.

By the way, even if you don't specify tbody, it is implicitly created for you anyway.

You can use this for styling purposes too eg:

table thead tr { background-color: yellow; }
table tbody tr { background-color: #C9C9C9; }

It's also useful in Javascript and jQuery for having tables with selectable rows (just as one example). You're generally only interested in selecting or highlighting rows in the tbody, not the header row at the top.

4
ответ дан 27 November 2019 в 20:35
поделиться

Его можно использовать для стилизации, да, и это также полезно для селекторов jQuery, чтобы помочь различать, какие элементы вы хотите выбрать. В конце концов, вы можете иметь теги tr в thead или tbody .

1
ответ дан 27 November 2019 в 20:35
поделиться
Другие вопросы по тегам:

Похожие вопросы: