是否存在使用html和css對DEemphasize文本強調的語義方式？

Question

我通常在HTML（5）中這樣做的方式是這樣的：

/* 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>在這里是適當的元素，即使它不是真正的法律免責聲明等。

Answer 1

是的，在您的情況下， <small>是合適的元素，盡管它不會“不再強調”文本。

當前html規范中的行：

注意：小字體通常包含免責聲明，警告，法律限制或版權。 小字體有時也用於歸屬或滿足許可要求。

注意：小元素不會“去強調”或降低由em元素強調的文本的重要性，或者與強元素標記為重要的文本的重要性。 要將文本標記為不強調或重要，請不要分別用em或strong元素標記它。

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

Answer 2

普通字體顏色為黑色（＃000）。 將顏色調整為較輕的版本將不再強調文本片段。

Strong是強調文本的標簽，因此我建議使用<small> 。

footer small {
    color: #999;
}

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