Правильное использование тега или как разметка "менее важного" текста

Еще один тег, который получил новое значение в HTML5, , по-видимому, живет:

http://www.w3.org/TR/html-markup/small.html#small

Маленький элемент представляет собой так называемую "мелкую печать" или "мелкую печать", таких как правовые оговорки и оговорки.

Эта неофициальная ссылка, по-видимому, занимает немного больше:

http://html5doctor.com/small-hr-element/

 теперь для боковых комментариев, которые являются встроенным эквивалентом <aside> - контент, который не является основным фокусом страницы. Общий Например, inline legalese, например, выражение об авторских правах на странице нижний колонтитул, отказ от ответственности или лицензионную информацию. Он также может быть использован для атрибуции.

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

<li>Laurence Tureaud <small>(Mr.T)</small></li>

Мне нужно сделать что-то подобное для нескольких разделов сайта (людей, продуктов, мест), поэтому я пытаюсь разработать разумный стандарт. Я знаю, что могу использовать  или что-то в этом роде, но я стараюсь избегать произвольных имен классов и использовать правильный HTML-элемент (если он есть).

Является ли  подходящим для этого или есть другая структура элемента или разметки, которая была бы подходящей?

Ответ 1

Спецификация, на которую вы смотрите, устарела, вы должны посмотреть на спецификацию HTML5:

https://html.spec.whatwg.org/multipage/

Я предлагаю  здесь вместо небольшого:

<p>Laurence Tureaud also called <em>Mr. T</em> is famous for his role
in the tv series A-TEAM.</p>

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

<footer>
    <p>
    Search articles about <a href="#">Laurence Tureaud</a>,
    <small>or try <a href="#">articles about A-TEAM</a>.</small>
    </p>
</footer>

<footer>
    <p>
    Call the Laurence Tureaud "life trainer chat line" at
    555-1122334455 <small>($1.99 for 1 minute)</small>
    </p>
</footer>

Предложение статьи:

<p>
    My job is very interesting and I love it: I work in an office
    <small>(123 St. Rome, Italy)</small> with a lot of funny guys that share
    my exact interests.
</p>

Ответ 2

Лично я бы подумал, что  не будет правильным тегом для этого, поскольку предполагает, что текст будет физически меньшим, что не похоже на ваш пример. Я думаю, что использование  было бы более подходящим или возможным HTML <aside>. http://dev.w3.org/html5//spec-author-view/the-aside-element.html

Ответ 3

Вы должны спросить себя, как вы предпочитаете, чтобы документ отображался, когда таблицы стилей не применяются. Выберите разметку в соответствии с этим, вместо академических или схоластических теорий о "семантической разметке" (см. прагматическое руководство по HTML).

Если размер меньше, чем вы хотите, используйте  или . Первый более сжатый и более легкий стиль, и он более "устойчив" (в некоторых браузерах настройки, указывающие браузеру на игнорирование размеров шрифтов, указанных на веб-страницах, не снимают эффект small). Так что это довольно простой выбор.

С другой стороны, изменение размера шрифта внутри строки текста является типографским вопросом. В печатном виде это гораздо чаще бывает случайным, а не преднамеренным, а скорее ошибкой. Помещение чего-то в круглые скобки обычно является достаточным показателем того, что как-то вторично