html - tipos - Uso correcto de la etiqueta<small> o cómo marcar el texto "menos importante"

tipos de html

Question

Otra etiqueta a la que se le dio un nuevo significado en HTML5, <small> aparentemente vive en:

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

El elemento pequeño representa la llamada "letra pequeña" o "letra pequeña", como renuncias legales y advertencias.

Esta referencia no oficial parece llevarlo un poco más lejos:

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

<small> es ahora para comentarios laterales, que son el equivalente en línea de <aside> - contenido que no es el foco principal de la página. Un ejemplo común es la información legal en línea, como una declaración de derechos de autor en un pie de página, una exención de responsabilidad o información de licencias. También se puede utilizar para la atribución.

Tengo una lista de personas que quiero mostrar, que incluye su nombre real y su apodo. El apodo es una especie de "aparte", y quiero diseñarlo con un texto más claro:

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

Tendré que hacer algo como esto para varias secciones del sitio (personas, productos, ubicaciones), así que estoy tratando de desarrollar un estándar razonable. Sé que puedo usar <span class="quiet"> o algo así, pero estoy tratando de evitar nombres de clase arbitrarios y usar el elemento HTML correcto (si lo hay).

¿Es <small> apropiado para esto, o hay otro elemento o estructura de marcado que sería apropiado?

Answer 1

Debe preguntarse cómo prefiere que se muestre el documento cuando no se aplican las hojas de estilo. Seleccione el marcado según esto, en lugar de las teorías académicas o académicas sobre el "marcado semántico" (consulte mi guía pragmática de HTML )

Si lo que desea es un tamaño más pequeño, use <small> o <font size=2> . El primero es más conciso y fácil de diseñar, y es más "resistente" (en algunos navegadores, las configuraciones que le indican al navegador que ignore los tamaños de fuente especificados en las páginas web no eliminan el efecto de las small ). Así que es una elección bastante simple.

Por otro lado, la variación del tamaño de fuente dentro de una línea de texto es tipográficamente cuestionable. En material impreso, es mucho más accidental, un error, en lugar de intencional. Poner algo entre paréntesis es normalmente una indicación suficiente de que es algo secundario.

Answer 2

La especificación que está viendo es antigua, debería mirar la especificación HTML5:

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

Sugiero <em> aquí en lugar de pequeño:

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

<small> no se usa comúnmente en una oración de artículo, pero así:

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

Frase del articulo

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

Answer 3

Personalmente, creo que <small> no sería la etiqueta correcta para esto, ya que sugiere que el texto será físicamente más pequeño, lo que no parece ser el caso con su ejemplo. Creo que usar un <span> sería más apropiado o posible que el HTML <aside> . http://dev.w3.org/html5//spec-author-view/the-aside-element.html