HTML 5 семантические теги

Question

Я читал о некоторых семантических элементах в W3C, WHATWG и MDN, но кое-что еще немного неясно. Я также пошел к этой статье, на боковой панели и в стороне разные! .

У меня есть несколько основных вопросов, если кто-нибудь может ответить за меня или подтвердить, что я понимаю, что я прочитал:

• Элемент aside не является боковой панелью?

• В HTML5 мы можем использовать семантические и div теги?

• Если нет семантических тегов для использования, в HTML5 допустим тег div (это может быть тот же вопрос, что и выше)?

• В семантический элемент main могут быть встроены другие семантические теги, такие как table, section, article и aside, но не ограничиваются?

Answer 1

Это всегда вызывало большое замешательство. Это автор оригинальной спецификации - Ян Хиксон - по этому вопросу в 2009 году : (его ответы выделены жирным шрифтом, на комментарии, сделанные Tab Atkins Jr)

2. <aside> так же плохо назван. Само название и описание его как контента "боковой панели", по-видимому, приводит почти все заблуждаются, думая, что это для вездесущей боковой панели сайта.

Это.

Неофициальный опрос показал, что как минимум 3 человека в этом чате (я включил) сразу попытался неправильно использовать <aside> в точно таким образом когда мы впервые услышали об этом, и когда я обсуждал эту проблему с другим друг в середине чата его ответ был примерно "что смущает их? нижний колонтитул предназначен для нижнего колонтитула сайта, а боковые - ". 1020 *

Это правильное толкование.

Answer 2

Имейте в виду, что семантические теги - это просто способ сделать код более понятным для человека и стандартизировать страницы.

Это потому, что прежде чем большинство пользователей определят просто divs, а затем class, описывающее его роль, например nav, footer, header и т. Д.

За ваш первый вопрос; нет, элемент aside не представляет «боковую панель» как таковую. Он просто представляет контент, который связан с основным контентом, но не является частью основной темы страницы. Вы можете использовать его для переноса содержимого боковой панели (которая сама по себе является компонентом пользовательского интерфейса), но вы можете использовать и для других вещей

С спецификация HTML5

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

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

На ваш второй вопрос.

Да, в HTML5 вы можете использовать divs или семантические теги в любое время, но рекомендуется использовать семантику, когда это возможно; если нет другого тега, который вы можете использовать для определения части документа, тогда используйте div без проблем. Вы можете использовать их взаимозаменяемо, в конце концов, большинство из них, например, main, section, footer и т. Д., Просто divs с другим именем, чтобы их было легче читать