Я ищу подходящий способ добавить HTML5 (семантический) контент marginalia (например, изображения, заметки, поправки, списки ...) к тексту статьи (который означает внутри <article>
в пределах <p>
).Разметка HTML5 для связанных с контентом маргиналов
Моих первые, хотя должны были использовать <aside>
но на W3C Wiki я нашел это:
<aside>
элемента представляет собой часть страницы, которая состоит из содержимого, косвенное отношение к содержанию по всей стороне элемент и который можно считать отдельным от этого содержимого. (Через W3C Wiki)
... хотя маргиналии не косвенное (например, авторское право), но прямые связанные (например, поправки) к содержанию, кроме тега, кажется, подходящий вариант, но только как sections-tag вместо text-level semantics. Разметка может привести к чему-то вроде этого:
<article>
<p>Lorem ipsum dolor sit amet.</p>
<aside>(dolor euismod tincidunt)</aside>
</article>
Вместо этого:
<article>
<p>Lorem ipsum dolor <span>(dolor euismod tincidunt)</span> sit amet.</p>
</article>
На слое текста на уровне есть, возможно, <small>
и/или <mark>
(вместо <span>
выше):
Элемент
<small>
представляет собой побочные комментарии, такие как мелкий шрифт. (через W3C Wiki)
... который может быть использован для присвоения, но предназначен для мелкой печати (например, авторских прав).
<mark>
элемента представляет прогон текста в одном документе маркированного или выделенного для справочных целей, из-за его значимость в другом контексте . (через W3C Wiki)
... который может использоваться для ссылок в другом дополнительном контексте (например, ключевые слова для одного поиска).
Подводя итог: я ищу подходящий способ добавить дополнительный (связанный) контент после определенного слова в тексте. Как я получу это семантически? Есть ли более подходящие (HTML5) теги или даже другие варианты для этого?
Возможным вариантом использования может быть слово с орфографической ошибкой в тексте с правильной орфографией, добавленной в виде маргиналов с дополнительной информацией об эволюционной истории затронутого слова.
В дополнение к тому, что в основном основано на мнениях (HTML5 «семантика» в основном играет со словами, а разные люди играют по-разному), она очень абстрактна (реальных случаев не было), а выбор разметки не влияет , кроме очевидного (некоторые элементы имеют разный рендеринг по умолчанию). –
Спасибо, я добавил возможный вариант использования в конце моего вопроса. Значит, разметка не имеет значения? Даже для поисковых систем? – Sven
Пример конкретный, но скорее специализированный. По принципам HTML5 вы можете использовать 'u' или' mark' для самого слова с ошибками и 'в сторону' для контента с правильной орфографией и некоторыми пояснениями. Но на самом деле нет прочной основы, нет реальных определений * значений *, которые, например, позвольте вам решить, между 'u' и' mark', или решить, следует ли использовать «в сторону» или нет. И что может быть * разметкой? Существует много предположений о том, какие поисковые машины могут делать с ним, и нет никаких доказательств того, что они действительно что-то делают. –