Cuando agrega texto al código HTML para una página web, digamos que en un elemento de párrafo, tiene poco o ningún control sobre dónde se interrumpirán esas líneas de texto o el espaciado que se usará. Esto se debe a que el navegador web fluirá el texto según sea necesario en función del área que lo contiene. Esto incluye sitios web receptivos que tendrán un diseño muy fluido que cambia según el tamaño de la pantalla que se usa para ver la página. El texto HTML romperá una línea donde lo necesite una vez que haya llegado al final de su área contenedora. Al final, el navegador desempeña un papel más importante en la determinación de cómo se rompe el texto que usted.
En términos de agregar espacio para crear un determinado formato o diseño, HTML no reconoce el espacio que se agrega al código, incluida la barra espaciadora, la pestaña o los retornos de carro. Si coloca veinte espacios entre una palabra y la que viene después, el navegador solo mostrará un espacio. Esto se conoce como colapso de espacios en blanco y en realidad es uno de los conceptos de HTML con los que muchos nuevos en la industria luchan al principio. Esperan que los espacios en blanco HTML funcionen como lo hace en un programa como Microsoft Word, pero no es así como funcionan los espacios en blanco HTML.
En la mayoría de los casos, el manejo normal del texto en cualquier documento HTML es exactamente lo que necesita, pero en otros casos, es posible que desee un mayor control sobre cómo se espacia el texto y dónde rompe las líneas. Esto se conoce como texto preformateado (en otras palabras, usted dicta el formato). Puede agregar texto preformateado a sus páginas web usando el HTML
Utilizando la Etiqueta
Hace muchos años, solía ser común ver páginas web con bloques de texto preformateado. Utilizando la
pre La etiqueta para definir las secciones de la página con el formato de la escritura en sí misma fue una forma rápida y fácil para que los diseñadores web hagan que el texto se muestre como quisieran. Esto fue antes del surgimiento de CSS para el diseño, cuando los diseñadores web estaban realmente atascados tratando de forzar el diseño mediante el uso de tablas y otros métodos solo en HTML. Esto (algo) funcionó porque el texto preformateado se define como texto en el que la estructura se define por convenciones tipográficas en lugar de por la representación HTML.
Hoy en día, esta etiqueta no se usa tanto porque CSS nos permite dictar estilos visuales de una manera mucho más eficiente que tratar de forzar la aparición en nuestro HTML y porque los estándares web dictan una clara separación de estructura (HTML) y estilos (CSS). Aún así, puede haber casos en que el texto con formato previo tenga sentido, como para una dirección de correo en la que desea forzar los saltos de línea o para ejemplos de poesía donde los saltos de línea son esenciales para la lectura y el flujo general del contenido.
Aquí hay una forma de usar el HTML.
etiqueta:
Twas brillig y los toves slithey
Hizo giro y gimble
en
la
wabe
HTML típico contrae el espacio en blanco en el documento. Esto significa que los retornos de carro, los espacios y los caracteres de tabulación utilizados en este texto se colapsarían en un solo espacio. Si escribió la cita anterior en una etiqueta HTML típica como la etiqueta p (párrafo), terminaría con una línea de texto, como esta: Hizo brillar y se deslizaron toves. Daban vueltas y giros en el wabe. La etiqueta pre deja los caracteres de espacio en blanco como es. Por lo tanto, los saltos de línea, los espacios y las pestañas se mantienen en la representación del navegador de ese contenido. Poniendo la cita dentro de un pre La etiqueta para ese mismo texto daría como resultado esta visualización: Twas brillig y los toves slithey Hizo giro y gimble en la wabe los pre La etiqueta hace más que solo mantener los espacios y los cortes para el texto que escribe. En la mayoría de los navegadores, está escrito en una fuente monoespaciada. Esto hace que los caracteres en el texto sean todos iguales en ancho. En otras palabras, la letra i ocupa tanto espacio como la letra w. Si prefiere usar otra fuente en lugar del monoespacio predeterminado que muestra el navegador, aún puede cambiar esto con hojas de estilo y seleccionar cualquier otra fuente en la que desee que se muestre el texto. Una cosa a tener en cuenta es que, en HTML5, el atributo "ancho" ya no es compatible con el Editado por Jeremy Girard el 2/2/17 En cuanto a fuentes
HTML5
elemento. En HTML 4.01, el ancho especificó el número de caracteres que contendría una línea, pero esto se ha eliminado para HTML5 y más allá.
