¿Hay alguna forma semántica para DEEmphasize text with html & css?

Question

La forma en que normalmente haría esto en HTML (5) sería así:

/* 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> 

Mi problema con hacerlo de esta manera, es que parece que el 90% del texto del párrafo se da mayor importancia, lo que me parece contra intuitivo. Me parece ser más semántico para envolver solamente el texto que es anormal en el párrafo, que en este caso es el texto más ligero y dejar footer p {font-weight:bold}.

Es <small> el elemento apropiado en este caso a pesar de que no es realmente un descargo de responsabilidad legal, etc.

Answer 1

Sí, en su caso <small> es elemento apropiado, aunque no lo hace "des-enfatizar" el texto.

Líneas de las especificaciones HTML actual:

Nota: La letra pequeña ofrece típicamente renuncias, advertencias legales, restricciones o derechos de autor. La letra pequeña también se usa a veces para la atribución de , o para satisfacer los requisitos de licencia.

Nota: El elemento pequeño no "quita énfasis" o baja la importancia del texto enfatizado por el elemento em o marcado como importante con el elemento fuerte. Para marcar el texto como no destacado o importante, simplemente no lo marque con el em o los elementos fuertes, respectivamente.

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

Answer 2

La fuente color normal es negro (# 000). Ajustar el color, a una versión más ligera, quitará énfasis del fragmento de texto.

Fuerte es una etiqueta para enfatizar el texto, por lo que sugeriría usar <small> en su lugar.

footer small { 
    color: #999; 
} 

Resultado: http://jsfiddle.net/rzHgW/