Pregunta Espacio de tabulación en lugar de espacios múltiples sin interrupción ("nbsp")?


¿Es posible insertar un carácter de tabulación en HTML en lugar de tener que escribir   ¿cuatro veces?


813
2017-10-15 11:03


origen


Respuestas:


Es mucho más limpio usar CSS. Tratar padding-left:5em o margin-left:5em según sea apropiado en su lugar.


499
2017-10-15 11:06



Depende del conjunto de caracteres que quieras usar.

No hay una entidad de tabulación definida en HTML ISO-8859-1, pero hay un par de caracteres en espacios en blanco que no sean   como  ,  ,y  .

En ASCII, 	 es una pestaña

aquí es una lista completa de entidades HTML y una discusión útil sobre el espacio en blanco en Wikipedia.


1164
2017-10-15 11:11



No, tab es solo un espacio en blanco en lo que se refiere a HTML. Yo recomendaría un em-space que es así de grande (-> <-) y se ingresa como &emsp;. Incluso, si tienes suerte, podrías salirte con la suya usando el carácter Unicode.


191
2017-10-15 11:07



& emsp; es la respuesta.

Sin embargo, no serán tan funcionales como cabría esperar si está acostumbrado a usar tabulaciones horizontales en procesadores de texto, p. Word, Wordperfect, Open Office, Wordworth, etc. Son de ancho fijo y no se pueden personalizar.

CSS le ofrece un control mucho mayor y proporciona una alternativa hasta que el W3C proporcione una solución oficial.

Ejemplo:

padding-left:4em 

..o..

margin-left:4em 

..según sea apropiado

Depende del conjunto de caracteres que quieras usar.

Puede configurar algunas etiquetas de pestaña y usarlas de forma similar a cómo usaría las etiquetas h.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

... y úsalas así:

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>

Ejecute el fragmento de arriba para ver un ejemplo visual.

Discusión adicional

No hay entidades de tabulación horizontal definidas en HTML ISO-8859-1, sin embargo, hay otros caracteres en blanco disponibles que los habituales &nbsp, por ejemplo; &thinsp;, &ensp; y el antes mencionado &emsp;.

También vale la pena mencionar que en ASCII y Unicode, &#09; es una tabulación horizontal


163
2017-11-17 16:52



Tratar  &emsp;

Es equivalente a cuatro &nbsp;s.


63
2018-05-05 07:31



Realmente no hay una manera fácil de insertar espacios múltiples dentro (o en el medio) de un párrafo. Aquellos que sugieren que use CSS están perdiendo el punto. Puede que no siempre estés tratando de sangrar un párrafo desde un lado sino, de hecho, tratando de poner espacios adicionales en un lugar en particular.

En esencia, en este caso, los espacios se vuelven el contenido y no el estilo. No sé por qué tanta gente no ve eso. Supongo que la rigidez con la que intentan imponer la separación del estilo y la regla de contenido (el HTML fue diseñado para hacer ambas cosas desde el principio, no hay nada de malo en definir ocasionalmente el estilo de una único elemento utilizando las etiquetas adecuadas sin tener que dedicar mucho más tiempo a la creación de hojas de estilo CSS y no hay absolutamente nada ilegible cuando se usa con moderación. También hay algo que decir para poder hacer algo rápidamente). Se traduce en cómo solo pueden considerar caracteres en espacios en blanco como si se usaran solo para estilo e indentación.

Y cuando no hay una forma elegante de insertar espacios sin tener que depender de &emsp; y &nbsp; etiquetas, yo diría que el código resultante se vuelve mucho más no legible que si hubiera una etiqueta con un nombre apropiado que le hubiera permitido insertar rápidamente una gran cantidad de espacios (o si, ya sabe, los espacios no se consumieron innecesariamente en el primer lugar).

Como es, sin embargo, como se dijo anteriormente, su mejor opción sería usar &emsp; para insertar en el lugar correcto.


50
2018-06-15 20:58



Es mejor usar el pre etiqueta. los pre etiqueta define el texto preformateado.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

saber más sobre preetiqueta en este enlace


41
2017-08-29 17:35



Me encontré con esto mientras buscaba un método y terminé descifrando el mío que parece funcionar fácilmente para lo que se busca. Soy nuevo en publicar aquí, así que espero que esto funcione ... Pero ten esto en CSS:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

Luego, en su HTML, tenga esta su "pestaña larga" en la mitad de la frase que necesitaba:

<span class="tab"></span>

Ahorra de la cantidad de &nbsp; o &emsp; que necesitarías

Espero que esto ayude a alguien, ¡salud!


40
2017-10-26 17:11