Mejor reemplazo para etiqueta de fuente en html

Dado que la etiqueta de font en HTML está en desuso en HTML5 (y entiendo por qué), ¿existe alguna solución limpia para aplicar ciertos atributos y estilos a solo partes de un texto de párrafo? Estoy usando JavaScript para analizar un archivo XML que se basa en el hecho de que la etiqueta de font permite formatear porciones de texto de envoltura utilizando CSS basado en clases. Me doy cuenta de que la etiqueta “ancla” ( a ) también podría usarse para este propósito, pero de esa manera parece muy retrógrada y antinatural.

EDITAR

Cuando hice esta pregunta (hace un par de años), no comprendí que todos los elementos DOM caen en una categoría de display , siendo las dos categorías principales:

  • block – insiste en tomar su propia fila
  • inline : coincide con otros elementos en inline o texto

HTML ofrece dos elementos contenedores generics, cada uno de los cuales se adhiere por defecto a uno de estos valores de visualización; div para visualización en block , y span para visualización en inline .

El elemento span es la manera perfecta de designar un determinado fragmento de texto y darle un estilo o ID único porque puede envolverlo en una parte de un párrafo más grande sin dividir los contenidos seleccionados en una nueva fila.

La etiqueta span es la mejor manera.

Aunque en general no se recomienda CSS en línea, aquí hay un ejemplo:

 

This is my paragraph.

span y div son similares, pero la etiqueta div es un elemento de bloque, por lo que provocará saltos de línea. span es una etiqueta en línea que se puede usar en línea con su texto.

podrías usar una etiqueta

 

here is your paragraph text and it goes on and on and on..... and now lets start some formatted text. here is anothersection of formatted text here is unformatted text

puede hacer estilos en línea como o puede aplicar una clase a su span, como y . luego solo aplica diferentes reglas CSS basadas en la clase.

 .textformat1 { color: red; } .textformat2 { color: blue; } 

espero que esto ayude

Siempre use archivos css para mantener su código que se considerará “universal” para cada elemento que configure. Cuando desee establecer un elemento específico, digamos . Haría lo mismo que Adam Plocher dijo anteriormente, use el atributo style="" para el elemento .

HTML:

  Text in your style  

CSS:

 .yourstyle { color: red; }