HTML5: элемент <group>

Question

Какой действительный HTML5-тег вы предлагаете объединить один или несколько элементов в группу ?

Пример:

  <!-- Not valid, see below - just ignore -->
    <ul>
      <li>Test1<li>
      <group id="2"><li>Test 2</li></group>
      <li>Test2<li>
      <li>Test3<li>
    </ul>
 <!-- // -->

  <p>Test Text 1 <group id="3">Lorem ipsum dolor</group></p>

</body>
</html>

Javascript (с утилитой DOM):

console.log($('group#2'));

Answer 1

Это зависит от контекста. Вот спецификация для всех элементов группировки уровня блока (или мне нравится эта визуализация ). Вы хотите что-то, что соответствует семантически . Например, если у вас есть статья, вы захотите использовать тег <article>. Если вы определяете раздел страницы, используйте <section>. Если вы группируете заголовки, используйте <hgroup>. Если вы делаете x, используйте тег x.

Этот список можно продолжать и продолжать и продолжать. Найдите соответствующий элемент для контекста. Но обратите внимание, что старые браузеры не будут знать, как обрабатывать элементы, поэтому вам нужно знать об этом в том, как вы стилизуете и как вы используете JavaScript для запроса элементов.

Answer 2

В этой ситуации вы должны просто использовать имя класса:

<li class="group2">Test 2</li>