HTML5セマンティックタグの代替語

Question

HTML5には、意味のある有用なセマンティックタグがあります。実際には必要ではありませんが、セマンティックウェブのポイントは多くのコンテンツを整理するのに役立ちます。

私は今までに見たことのないシンプルな<small>タグを見つけました。それは音として働き、テキストは小さくなる。

！DOCTYPE htmlがHTML5ではなく他の従来のdoctypesの場合、次のスタイル/ CSS調整を行う以外に何が良い選択肢ですか？

CSS：p {font-size: smaller}

HTML属性：<p style="font-size: ##%">This text.</p>

Answer 1

代替は小さなテキストを表現するために、このような.small-textとしてクラス名を使用することです。

.small-text { 
    font-size: smaller; 
} 

ただし、小文字用のクラスを定義する必要があるかどうかを確認する必要があります。たとえば、実際にはこれを代わりに使用したい場合があります。

.subtitle { 
    font-size: smaller; 
    /* other styles */ 
} 

無駄なクラス名の作成を避けます。それでも<small>要素を使用する必要がありますので

Answer 2

！のDOCTYPE htmlのは、HTML5のためではなかった場合はどうが、他のレガシーのdoctype

<small>はなく、HTML 5には、HTML 3.2で導入されました。

HTML5には<small>という意味の意味がありませんでしたが、以前のバージョンのHTMLには存在しませんでしたが、同等のセマンティクスを持つものはありませんでした。答えの人々のための

Answer 3

おかげで...

私は<span>タグが同様の結果を得るための優れた選択肢であると信じています。違いは、タグにはあらかじめ設定されたサイズが付いていることです。 <span>は、css/attrまたはjsを介して継承するまで、異なる値を変更しません。

新しいクラスの追加について心配する必要はなく、相対的な配置でスタイルを継承させることができます。

ie。 <article><p>Text here to continue for who knows how long.<small>This is small text.</small></p></article>

<article><p>Text here to continue for who knows how long.<span>This is small text.</span></p></article> 

利点は<small> </small>はすでに小さくなりますが、誰がどのようなデフォルトのサイズで知っている？...

<span></span>だけで...それに定義を待っているがあるでしょう

CSS： article > span { font-size: ###;} //no class necessary unless you really want varying span sizes in the content paragraph.