html＆cssでテキストを強調表示するセマンティックな方法はありますか？私は通常、（5）HTMLでこれを行うだろう

Question

方法は次のようになります：

/* CSS For this example */ 
footer p { 
font-size: 16px; 
font-weight: normal; 
} 

footer strong { 
font-weight: bolder; 
} 

<!-- HTML for this example --> 
<footer> 
    <p>Title <strong>- Name. 1234 N. Main St., Anytown, USA</strong></p> 
</footer> 

このようにそれをやってと私の問題、段落内のテキストの90％がそれ以上与えているようだということです重要性は、私には直感的ではないようです。段落に異常なテキストをラップするだけの意味があるように思えます。この場合は軽いテキストで、footer p {font-weight:bold}のままにしておきます。

は、ここでは、適切な要素<small>されていても、そのことは本当に<small>が、それはしませんが、テキストを「脱強調」、適切な要素をあるあなたのケースでの法的免責事項など

Answer 1

はい、のために。現在のHTML仕様から

ライン：

注：小さな印刷は、通常の免責事項、注意事項、法的 制限、または著作権を備えています。小さいプリントは、 アトリビューション、またはライセンス要件を満たすために使用されることもあります。

注：小さな要素は、em要素で強調されたテキスト、またはstrong要素で重要なものとして とマークされたテキストの重要度を「強調しない」または低くしません。テキストを強調または重要でないものとしてマークするには、 にemまたはstrong要素をそれぞれマークしないでください。

http://www.w3.org/TR/html5/text-level-semantics.html#the-small-element

Answer 2

通常のフォントの色は（＃000）黒です。色をより明るいバージョンに調整すると、テキストの断片が強調されなくなります。

ストロングはテキストを強調するタグなので、代わりに<small>を使用することをおすすめします。

footer small { 
    color: #999; 
} 

結果：http://jsfiddle.net/rzHgW/