<aside> или <section>: какой из них следует использовать для раздела библиографии/ссылки?

Вопрос, не основанный на мнении

Для людей, которые проголосовали бы за закрытие этого вопроса как основанного на мнениях: этот вопрос не основан на мнениях. Для этого необходимо основывать ответ на стандарте. Если этот вопрос основан на мнении, то практически все вопросы по программированию, требующие фрагмента кода для выполнения задачи, основаны на мнении. Потому что природа этих типов вопросов одинакова: дайте решение, основанное на стандарте, но решение не является уникальным.

Если вы планируете проголосовать за закрытие этого вопроса как основанного на мнении, сравните его со следующим вопросом: Как отсортировать массив или целые числа в JavaScript? Оба вопроса требуют ответов на основе отраслевого стандарта (HTML или ECMAScript), и оба вопроса требуют конкретного, но не уникального решения.

Вопрос

Допустим, у меня есть статья, подобная следующей:

У собаки обычно 4 ноги [1].

Рекомендации

[1] ссылка на Википедию

Согласно стандарту HTML, следует ли мне помещать раздел «Справочник» в <section> или <aside>?

Пожалуйста, основывайте свой ответ на стандарте HTML и объясните, почему.

Дальнейшее уточнение

Что касается <section>, стандарт HTML гласит:

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

Что касается <aside>, стандарт HTML гласит:

Элемент «side» представляет собой раздел страницы, состоящий из контента, который косвенно связан с содержимым вокруг элемента «side», и который можно считать отдельным от этого контента. Такие разделы часто представлены в виде боковых панелей в печатной типографике.

Мне неясно, следует ли рассматривать раздел «Справочник» в приведенном выше примере как общий раздел статьи или как косвенно связанный и рассматриваемый отдельно от остальной части статьи.

Учитывая, что вы явно запрашиваете ссылку на стандарт HTML и спрашиваете конкретно о aside или section, прочитали ли вы эти разделы спецификации и, если да, можете ли вы поделиться своей собственной интерпретацией этих разделов и почему это не так? Я не отвечу на этот вопрос за вас.

Evert 07.07.2024 07:44

@Evert Хорошая мысль, добавлено.

xuhdev 07.07.2024 08:30

Это основано на мнении, но вот дубликат: stackoverflow.com/questions/4781077/…

Rob 07.07.2024 14:47

@Rob, вопрос, на который вы ссылаетесь, действительно основан на мнениях, но этот вопрос требует ответа, основанного на стандарте HTML. Я не понимаю, как этот вопрос основан на мнении.

xuhdev 07.07.2024 20:48
Улучшение производительности загрузки с помощью 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 страниц, которые помогут...
2
4
63
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Библиографический или справочный раздел не имеет косвенного отношения к основному содержанию, но является его неотъемлемой частью, предоставляя источники и возможности для дальнейшего чтения, непосредственно связанные с содержанием документа. Поэтому элемент <section> — подходящий выбор.

Вот как вы можете структурировать это в HTML:

<article>
  <p>A dog usually has 4 legs <a href = "#ref1">[1]</a>.</p>

  <section>
    <h2>References</h2>
    <ol>
      <li id = "ref1"><a href = "https://en.wikipedia.org/wiki/Dog">some wikipedia link</a></li>
    </ol>
  </section>
</article>

Использование <section> здесь обеспечивает четкий и семантический способ группировки ссылок как неотъемлемой части структуры документа.

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