HTML5: enum вместо ul для встроенных списков внутри абзацев?

Учитывая следующий абзац:

So in the first set, we start to mix those 3 codes:

- AA
- BB
- CC

with those codes:

- Aa
- Ab
- Ac


to get the perfect result we're looking for.

Является ли этот абзац семантически неверным? Если нет, то как это написать на html5?

  1. Если я использую ul, то он разбивает абзац на три части, что семантически неточно (не так ли?).
  2. Я могу использовать br или span, но тогда мне придется самому делать все форматирование.

Это два единственных способа, которые у нас есть? Если да, то почему бы не иметь элемент enum, например:

<p>
So in the first set, we start to mix those 3 codes:

<enum>
<ei>AA</ei>
<ei>BB</ei>
<ei>CC</ei>
</enum>

with those codes:

<enum>
<ei>Aa</ei>
<ei>Ab</ei>
<ei>Ac</ei>
</enum>

to get the perfect result we're looking for.
</p>

Будет ли это иметь смысл?

Я хотел бы предложить это W3C, как вы думаете, это хорошая идея?

Если нет, то почему?

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
80
2

Ответы 2

Я думаю, что использование списка описаний - лучший способ для приведенного выше конкретного примера, например;

<dl>
  <dt>So in the first set, we start to mix those 3 codes:</dt>
  <dd>AA</dd>
  <dd>BB</dd>
  <dd>CC</dd>
  <dt>with those codes:</dt>
  <dd>Aa</dd>
  <dd>Ab</dd>
  <dd>Ac</dd>
</dl>

Спасибо за ответ, но dl также является элементом блочного уровня. Я ищу элемент встроенного списка уровней, но, видимо, его не существует.

ling 30.01.2019 20:41

Добро пожаловать! Вы правы, список описаний (dl) является блочным элементом, но неупорядоченный список (ul) также является блочным элементом, и вы упоминаете в своем вопросе, что можете его использовать. Итак, я отвечаю за это. Если вы имеете в виду, что использование ненумерованного списка независимо (не в абзаце), я предлагаю использовать список описания вместо ненумерованного списка. Кстати, если вы посмотрите в мой ответ, я не использую dl в абзаце и не делю абзац на три части, как вы говорите.

Seyhmus Gokcen 31.01.2019 06:52

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

Seyhmus Gokcen 31.01.2019 06:55

Наконец-то я нашел ответ, который меня удовлетворяет: https://github.com/whatwg/html/issues/4685. По сути, сломать элемент «p» не составляет большого труда, так как элемент p представляет собой абзац html, который отличается от абзаца на английском языке.

Таким образом, html-способ создания списка внутри абзаца состоит в том, чтобы просто разбить p перед списком и создать еще один после него, например, так:

<p>The list should be</p>
<ul>
  <li>responsive</li>
  <li>short</li>
  <li>precise</li>
  <li>easy to use</li>
</ul>
<p>to do all the things I want</p>

Другие вопросы по теме