web-dev-qa-db-ja.com

<small>タグの正しい使用、または「重要度の低い」テキストをマークアップする方法

HTML5で新しい意味が与えられたさらに別のタグ、<small>は明らかに次の場所にあります。

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

小さな要素は、免責事項や警告など、いわゆる「細かい印刷」または「小さな印刷」を表します。

この非公式のリファレンスは、それを少し先に進めているようです：

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

<small>はサイドコメント用になりました。これは、<aside> —ページの主な焦点ではないコンテンツとインラインで同等です。一般的な例は、ページフッターの著作権ステートメント、免責事項、またはライセンス情報などのインラインリーガルです。帰属表示にも使用できます。

表示したい人の本名とニックネームを含むリストがあります。ニックネームは「脇」のようなものであり、明るいテキストでスタイルを設定したいと思います。

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

enter image description here

サイトのいくつかのセクション（人、製品、場所）に対してこのようなことをする必要があるので、賢明な標準を開発しようとしています。 <span class="quiet">などを使用できることはわかっていますが、任意のクラス名を避け、正しいHTML要素（ある場合）を使用しようとしています。

<small>はこれに適していますか、それとも適切な別の要素またはマークアップ構造がありますか？

htmlsemantic-markup
22
Wesley Murch

あなたが見ているスペックは古いので、HTML5スペックを見る必要があります：

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

私は提案します <em>小さい代わりにここに：

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

<small>は記事文では一般的に使用されませんが、次のようになります。

<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's "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>
13
skyline26

個人的には<small>はこれに適したタグではないと思います。これは、テキストが物理的に小さくなることを示唆しているため、この例ではそうではないようです。 <span>を使用する方が適切であるか、HTML <aside>が可能であると思います。 http://dev.w3.org/html5//spec-author-view/the-aside-element.html

0
AverageMarcus