1. Inicio
  2. Pregunta y respuesta
  3. Color de fuente HTML/CSS frente al estilo de trama

Color de fuente HTML/CSS frente al estilo de trama

2010-11-15 31 views

Respuesta

45

Debe usar <span>, porque as specified by the spec, <font> ha quedado obsoleto y probablemente no se muestre como lo desea.

Fuente

2010-11-15 08:21:59 Kyle

+0

Span (y div) no están en desuso, pero no son semánticas. En otras palabras, no agregan ningún "significado" al texto. Solo deberían usarse para agrupar elementos sin agregar significado: http://en.wikipedia.org/wiki/Span_and_div – Peter

+2

Nunca dije Span o div están en desuso, me resulta difícil creer que alguna vez se desaprobarán. span fue diseñado exactamente para su propósito: no ser semánticamente capaz de cambiar ciertas partes del texto. – Kyle

+1

Nunca dije que los valores de span y div estén en desuso y estoy de acuerdo con usted en que probablemente nunca lo serán. Pero parece razonable suponer que el OP tiene un significado con texto de color rojo, por ejemplo énfasis. Entonces debería usar una etiqueta semántica para eso. Sin embargo, si el texto solo necesita ser de color rojo sin un significado semántico (por ejemplo, solo para crear un poco de colorido), el lapso es una buena elección. – Peter

9

Estilo de uso. La etiqueta de fuente está en desuso (W3C Wiki).

Fuente

2010-11-15 08:21:30 fncomp

+0

Cambió el enlace para que apunte a una fuente más autorizada. – fncomp

5

La etiqueta <font> ha sido deprecated, al menos en XHTML. Eso significa que su uso está oficialmente "mal visto", y no hay garantía de que los navegadores futuros continúen mostrando el texto como lo desea.

Tienes que usar CSS. Vaya con la etiqueta <span>, o una hoja de estilo separada. Según su specification, la etiqueta <span> no tiene ningún significado semántico y simplemente le permite cambiar el estilo de una región en particular.

Fuente

2010-11-15 08:22:19

+0

No, no segmente XHTML a menos que realmente sepa lo que está haciendo: http://www.webdevout.net/articles/beware-of-xhtml. El 99.9% del llamado XHTML, no es (válido) XHTML. – Peter

+0

@Peter: De acuerdo, reconozco que hay varias opiniones válidas sobre el tema. XHTML es solo mi preferencia personal. Pero vale la pena señalar que al "orientar", quise decir que "escribir XML válido". –

10

1ra preferencia hoja de estilo externa.

<span class="myClass">test</span>

css

.myClass 
{ 
color:red; 
}

segunda preferencia de estilo en línea

<span style="color:red">test</span>

<font> como se ha mencionado está en desuso.

Fuente

2010-11-15 08:26:14 Michael

+0

La única sugerencia para mejorar es usar "redText" o "red" en lugar de "myClass". – jeffmcneill

29

Ninguno. Debe separar el contenido y la presentación, dando a su código HTML códigos lógicos. Piénsalo de esta manera; a una persona ciega, o en un navegador que no puede mostrar los colores, ¿qué queda de tu código? ¿Por qué quieres que sea rojo?

Probablemente, su decisión de hacer que el texto sea rojo es porque desea darle énfasis. Por lo que su código HTML debe ser:

<em>test</em>

De esta manera, incluso los navegadores no visuales pueden asegurarse de que dan el énfasis de texto de una manera u otra.

El siguiente paso es hacer que el texto se vuelva rojo. Pero no desea añadir el código de color en todas partes, mucho más eficiente para añadir una sola vez:

<style> 
    em { color: red; } 
</style>

De esta manera, todos los código hincapié en su sitio web se convierte en rojo, por lo que es más constante.

Fuente

2010-11-15 08:30:11 Peter

4

En realidad, yo diría que la primera preferencia sería una hoja de estilo externa (CSS externa), la segunda preferencia estaría escribiendo CSS en las etiquetas de estilo en la sección de encabezado de la página actual (CSS interna)

<style type="text/css"> 
<!-- CSS goes here --> 
</style>

Y como una tercera opción, o el último recurso más bien, usaría CSS en las etiquetas mismas (CSS en línea).

Fuente

2010-11-15 08:30:15 Damien

+2

* ¡Nunca * use CSS en línea! – Kyle

+0

De acuerdo. Cree una clase de CSS llamada "roja", asigne la clase "roja" a la etiqueta, fácil y buena práctica. – RPM1984

+2

En realidad ... .red no sería un gran nombre de clase ya que no es semántica. .red solo describe el aspecto de la clase, no lo que significa, advertir o .error sería mejor. – Damien

2 
<span style="color:#ffffff; font-size:18px; line-height:35px; font-family: Calibri;">Our Activities </span>

Esto funciona bien para mí :) Como ya se ha mencionado anteriormente "La etiqueta de fuente ya no se utiliza, al menos en XHTML. Siempre seguro de usar etiqueta span. Fuente no puede dar resultados que desea, al menos en mi caso no lo hizo.

Fuente

2015-12-28 19:47:52

+0

Gran ejemplo; pero no responde la pregunta: ¿Por qué? – jpaugh

+0

@jpaugh, ¿por qué utilizar el span en lugar de la etiqueta de fuente? La etiqueta ha quedado obsoleta, al menos en XHTML. Gracias, editaré mi respuesta. –

+1

Bueno, esa es una forma de verlo. Quise decir, ¿por qué usar * su * solución (independientemente de otras soluciones)? ¿Qué es único o beneficioso sobre tu ejemplo? – jpaugh

Cuestiones relacionadas

 Cuestiones relacionadas