Я хочу, чтобы HTML мог сделать что-то семантически эквивалентное этому:
<dl class="main-list">
<definitionitem>
<dt>Some Thing</dt>
<dd>You know it!</dd>
<dt>Another Thing</dt>
<dd>Word.</dd>
</definitionitem>
<definitionitem>
<dt>Stuff</dt>
<dd>Alright!</dd>
</definitionitem>
</dl>
Однако, поскольку ближайший я пришел, я не на 100% удовлетворен семантикой:
<div class="redundant-wrapper">
<dl class="main-list">
<dt>Some Thing</dt>
<dd>You know it!</dd>
<dt>Another Thing</dt>
<dd>Word.</dd>
</dl>
<dl class="another-main-list">
<dt>Stuff!</dt>
<dd>Alright!</dd>
</dl>
</div>
Мне было интересно, есть ли у кого-нибудь другие идеи о том, как вы можете это сделать?
Кроме того, причина, по которой элементы будут сгруппированы, состоит в том, что они визуально группируются в размещаемом содержимом. Представьте себе страницу словаря с одним списком определений, где каждое определение находится в поле ввода, которое будет перемещено слева. Я постоянно сталкиваюсь с этой ситуацией.