 |
Esta página explica diferentes métodos para crear, controlar y prevenir saltos de línea y cambios de palabras en artículos y páginas de Wikipedia.
Cuando un párrafo o una línea de texto es demasiado largo para caber en una línea, los navegadores web, como muchos otros programas, ajustan automáticamente el texto a la siguiente línea. Los navegadores web suelen insertar los ajustes de palabras donde hay espacios en el texto.
Causando saltos de línea
Nuevas líneas
Hay varias formas de forzar los saltos de línea y de párrafo en el texto. El método más simple es insertar nuevas líneas; por ejemplo:
| Margen | Renderiza como |
|---|---|
Una única línea nueva en el marcado no causa un salto de línea visible. | Una sola línea nueva en el marcado no provoca un salto de línea visible. |
Dos nuevas líneas en el marcado provoca un salto de párrafo. | Dos nuevas líneas en el marcado provoca un salto de párrafo. |
Tres nuevas líneas en el marcado provoca un salto de párrafo extra ancho. Normalmente, esto debería evitarse. | Tres nuevas líneas en el marcado
|
<br /> o <br>
Las etiquetas <br />o <br>se utilizan para un solo salto de línea forzado. Para el contenido que es semánticamente una lista, como en los infoboxes, se prefiere el marcado de lista real. Consulte las listas de § a continuación.
| Margen | Renderiza como |
|---|---|
Y esta línea de texto <br /> se romperá en el medio. | Y esta línea de texto |
El software MediaWiki convierte como formas válidas <br>, <br/>y <br >a <br />. Además, también convierte el formulario no válido </br>en <br />. Las formas inválidas < br>y </ br>no se convierten; por lo tanto, no crearán saltos de línea y deben evitarse.
Si bien los formularios válidos sin /(como <br>o <br >) funcionarán correctamente en la página renderizada, el formulario poco común <br >puede romper varios de los resaltadores de sintaxis disponibles para wikicode en la vista de edición (resaltando mal todo el texto en la página después de la aparición de esa etiqueta ), por lo que debe evitarse. A partir de abril de 2019, [actualizar]la forma bastante común <br> también causa esta visualización incorrecta en algunos de ellos y, por lo tanto, es mejor evitarla por el momento.
Corrija las ocurrencias no válidas, como </br>, < br>o </ br> , a <br />medida que las encuentre, aunque preferiblemente como parte de una edición más sustancial.
<poema>
La extensión agrega etiquetas similares a HTML para mantener nuevas líneas y espacios. Esto es útil para bloques de texto más largos, como poemas, letras, lemas, juramentos y similares. Estas etiquetas se pueden utilizar dentro de otras etiquetas como . Por ejemplo:<poem><blockquote>
| Margen | Renderiza como |
|---|---|
<poema> En Xanadu hizo [[Kubla Khan]] Un decreto majestuoso de la cúpula del placer: Donde Alph, el río sagrado, corría A través de cavernas inconmensurables para el hombre Hasta un mar sin sol. Así que dos veces cinco millas de tierra fértil Con murallas y torres se ciñeron alrededor: Y había jardines brillantes con sinuosos arroyos, Donde florecieron muchos árboles incienso; Y aquí había bosques antiguos como las colinas, Envolviendo lugares soleados de vegetación. </poema> | En Xanadu Kubla Khan hizo |
Listas
Las listas numeradas y con viñetas se crean utilizando wikimarkup estándar. En los casos en que se desee una lista simple sin números ni viñetas, como en un cuadro de información, muchos editores simplemente crearán una lista utilizando saltos. Este método no aplica la semántica de una lista, y para aquellos que usan lectores de pantalla no sonará como una lista. Para estos casos, {{ plainlist }} y {{ unbulleted list }} usan marcas de lista sin números ni viñetas:
| Margen | Renderiza como |
|---|---|
{{plainlist |
* gato
* perro
* caballo
* vaca
* oveja
* cerdo
}} |
|
Prevención y control de cambios de palabras
 |
Hay varias formas de evitar que se produzcan cambios de palabras (cambios de línea) en lugares no deseados. Esta es una descripción general de cuándo usar qué método.
Espacio que no se rompe
La entidad HTML es un espacio rígido o que no se rompe . Se representa como un espacio normal "", pero evita que se produzca un ajuste de línea, como este:
| Margen | Renderiza como |
|---|---|
Mucho texto 10 & nbsp; kg más de texto. | Puede renderizarse así:
O puede renderizarse así:
Pero va a no hacer de esta manera:
|
El espacio que no se rompe funciona dentro de los enlaces exactamente como un espacio normal. Por lo tanto, puede vincular [[J. R. R. Tolkien]]directamente y se representará como J. R. R. Tolkien . Las iniciales no se separarán en un salto de línea.
Sin embargo, hace que el texto de origen sea más difícil de leer y editar. Evite usarlo a menos que sea realmente necesario para evitar un salto de línea.
Guión que no se separa
Los navegadores pueden dividir palabras en guiones . Se puede usar un guión que no se rompa ‑ para evitar que esto ocurra, como en:
Como se ve en la página C & # 8209; 2 del periódico.
Este código genera "página C-2" al igual que el código simple " page C-2", pero evita un salto de línea en el guión.
Sin embargo, el uso de en ‑lugar de " -" hace que el texto de origen sea más difícil de leer y editar. No lo use a menos que sea realmente necesario para evitar un salto de línea.
Bloques en línea
Las plantillas y evitan roturas, pero permítalas si no hay suficiente espacio.{{Inline block}}{{Avoid wrap}}{{awrap}} es una abreviatura de este último.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.
Ambos ponen el contenido en formato <span style="display:inline-block;">. Este último también agrega la clase CSS "evitar envolver".
{{nowrap}}
La plantilla {{ nowrap }} es menos flexible y evitará interrupciones incluso cuando la línea sea demasiado larga para la ventana, lo que obligará al usuario a desplazarse:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.
Es bueno para secciones de texto breves como "10 kg (22 lb)", que siempre deben permanecer juntas.
Esto también podría lograrse con el espacio sin interrupciones :
pero esto hace que el texto fuente sea difícil de leer. En su lugar, se recomienda la plantilla:Lots of text 10 kg (22 lb) more text.Lots of text {{nowrap|10 kg (22 lb)}} more text.
| Puede renderizarse así | o así | o así. | Pero no así. |
Mucho texto 10 kg (22 lb) más texto. | Mucho texto 10 kg (22 lb) | Mucho texto | Mucho texto 10 kg (22 |
(Para el caso específico de conversiones de unidades, consulte {{ convert }}).
En algunos casos, {{ nowrap }} no funciona tan bien. Por ejemplo, cuando desea evitar que se envuelva un texto más largo o más complejo, entonces puede ser difícil ver dónde termina {{ nowrap }}. Además, los mecanismos de plantilla de MediaWiki interpretan caracteres como signos iguales " =" y barras " |" en los parámetros de la plantilla como caracteres especiales y, por lo tanto, causan problemas. En estos casos, se recomienda utilizar {{ nowrap begin }} + {{ nowrap end }}, así:
{{nowrap begin}} 2 + 2 = 4 {{nowrap end}} y
{{nowrap begin}} | 2 | <3 {{nowrap end}}Puede renderizarse así:
- 2 + 2 = 4 y
- | 2 | <3
Pero va a no hacer de esta manera:
- 2 + 2 = 4 y | 2 |
- <3
<wbr /> y guiones suaves
<wbr />es una oportunidad para romper las palabras; es decir, especifica dónde estaría bien agregar un salto de línea cuando una palabra es demasiado larga, o se percibe que el navegador romperá una línea en el lugar equivocado.
| Margen | Ahora es el momento de convertirse en un editor avanzado, aprendiendo Hyper <wbr /> Text Markup Language ... |
| Renderiza como | Puede renderizarse así:
O puede renderizarse así (en una ventana de navegador estrecha):
|
Tenga en cuenta que <wbr />no funcionará dentro de {{ nowrap }}.
En muchos casos, dividir una palabra con un espacio sería inapropiado. Los guiones suaves crean una oportunidad de separación de palabras, pero agregarán un guión en lugar de un espacio. El código ­se emplea de la misma manera <wbr />que se ve en los ejemplos anteriores.
El uso de guiones suaves debe limitarse a casos especiales, generalmente con palabras muy largas o espacios estrechos (como leyendas en cuadros de información u otros diseños de página ajustados, o etiquetas de columnas en tablas estrechas). Se desaconseja enfáticamente el uso generalizado de guiones suaves, ya que hace que el wikitexto sea muy difícil de leer y editar. Por ejemplo:
| Margen | Renderiza como |
|---|---|
Esta fuente de Wi & shy; ki & shy; ex & shy; am & shy; ple es difícil de soportar | Este ejemplo de Wikisource es difícil de entender |
| Margen | Renderiza como |
|---|---|
{{tímido | Esta al | ter | sin | tivo sin | im | de impuestos | prueba leer | a | bil | idad}} | Esta sintaxis alternativa mejora la legibilidad |
Ajustar entre elementos de lista (vinculados)
En listas de enlaces como dentro de infoboxes y navboxes , use la clase CSS hlist (quizás a través de la plantilla {{ flatlist }}) para dar formato a las listas.
Para casos ocasionales en los que necesite delinear dos fragmentos de texto fuera de una lista, puede usar las plantillas {{·}} o {{•}} que contienen un antes del punto, resolviendo así algunos de los problemas de envoltura.
Ver también
- meta: Ayuda: nuevas líneas y espacios
- {{ descanso }}
- {{ clear }}
- Wikipedia: Manual de estilo § Espacios intransigentes
