Wikilengua
Ir a la navegaciónIr a la búsqueda

Edición en borrador
No has introducido tu nombre de usuario y por tanto las modificaciones de esta página se guardarán como un borrador.

  • Por favor, lee el decálogo sobre el contenido de la Wikilengua.
  • Al pulsar en «Guardar la página» verás el borrador que acabas de crear. Sin embargo, en la siguiente visita verás, como cualquier otro usuario anónimo, la última versión estable, es decir, la última supervisada o modificada por un colaborador registrado; para ver el último borrador pulsa en la opción correspondiente de la columna derecha.
  • Tu dirección IP se registrará en el historial de edición de la página.
Recuerda que tras pulsar en «Guardar» tienes que rellenar un dato (para verificar que eres una persona real y no un robot).

Puedes deshacer la edición. Antes de deshacer la edición, comprueba la siguiente comparación para verificar que realmente es lo que quieres hacer, y entonces guarda los cambios para así efectuar la reversión.

Revisión actual Tu texto
Línea 1: Línea 1:
[[Categoría:Ortotipografía]] [[Categoría:Lista de ortotipografía por temas]] [[Categoría:Ortografía]] {{sobre|ortotipografía}}
+
La '''ortotipografía para la web''' presenta características especiales en la medida en que algunas reglas tradiciones no se aplican de modo automático por los navegadores sino de modo explícito mediante el marcado apropiado del archivo [['HTML]].
 
 
La '''ortotipografía para la web''' presenta características especiales en la medida en que algunas reglas tradicionales no se aplican de modo automático por los navegadores sino de modo explícito mediante el marcado apropiado del archivo [['HTML]].
 
  
 
HTML suele usarse en conjunción con CSS, que proporciona mecanismos para definir el formato de presentación del texto y otros elementos de las páginas. CSS puede usarse para reajustes [[Ortotipografía|ortotipográficos]] que permiten la aplicación de las normas [[Ortografía|ortográficas]] y diversas recomendaciones de [['estilo]]. Los estilos de CSS se pueden aplicar a una palabra o un grupo de palabras mediante el elemento <code>span</code>.
 
HTML suele usarse en conjunción con CSS, que proporciona mecanismos para definir el formato de presentación del texto y otros elementos de las páginas. CSS puede usarse para reajustes [[Ortotipografía|ortotipográficos]] que permiten la aplicación de las normas [[Ortografía|ortográficas]] y diversas recomendaciones de [['estilo]]. Los estilos de CSS se pueden aplicar a una palabra o un grupo de palabras mediante el elemento <code>span</code>.
Línea 8: Línea 6:
  
 
== Espacio de no división o espacio duro ==
 
== Espacio de no división o espacio duro ==
 +
 
Este [['espacio]] se puede obtener en HTML con la entidad <code>&nbsp</code>. Este espacio puede usarse, por ejemplo, entre cifras y los símbolos que le siguen. Por ejemplo:
 
Este [['espacio]] se puede obtener en HTML con la entidad <code>&nbsp</code>. Este espacio puede usarse, por ejemplo, entre cifras y los símbolos que le siguen. Por ejemplo:
 
<pre>
 
<pre>
Línea 18: Línea 17:
  
 
== Espacio fino ==
 
== Espacio fino ==
 +
 
El [['espacio]] fino también se puede obtener directamente en HTML con la entidad <code>&amp;thinsp;</code>. Este espacio no evita el salto de línea, pero puede conseguirse este efecto con CCS y el valor <code>nowrap</code> de la propiedad <code>white-space</code>. Esta función es particularmente útil en los números, pues la separación de miles debería ser un espacio fino de no división:
 
El [['espacio]] fino también se puede obtener directamente en HTML con la entidad <code>&amp;thinsp;</code>. Este espacio no evita el salto de línea, pero puede conseguirse este efecto con CCS y el valor <code>nowrap</code> de la propiedad <code>white-space</code>. Esta función es particularmente útil en los números, pues la separación de miles debería ser un espacio fino de no división:
 
<pre>
 
<pre>
Línea 33: Línea 33:
  
 
== Espaciado con cursivas ==
 
== Espaciado con cursivas ==
Ciertos estilos establecen que los signos de [['puntuación]] han de ir en [['cursiva]] si la palabra a la que van unidos también va en cursiva, pero otros en cambio recomiendan que vaya en redonda si ese es el estilo que corresponde a la oración en la que están.
+
 
 +
Ciertos estilos establecen que los signos de [['puntuación]] han de ir en [['cursiva]] si la palabra a la que van unidos también va en cursiva, pero otros en cambio recomiendan que vaya en redonde si ese es el estilo que corresponde a la oración en la que están.
  
 
Mientras que los programas de maquetación reajustan el espacio de modo automático en textos impresos o en PDF, los navegadores rara vez hacen reajustes tipográficos de este tipo y una letra en cursiva puede superponerse a un paréntesis o un punto y coma que le siga, si este último va en redonda. Con las propiedades <code>margin</code> o <code>padding</code> (y sus variantes <code>margin-left</code>, <code>margin-right</code>, etc.) puede añadirse algo de espacio a los lados del signo:
 
Mientras que los programas de maquetación reajustan el espacio de modo automático en textos impresos o en PDF, los navegadores rara vez hacen reajustes tipográficos de este tipo y una letra en cursiva puede superponerse a un paréntesis o un punto y coma que le siga, si este último va en redonda. Con las propiedades <code>margin</code> o <code>padding</code> (y sus variantes <code>margin-left</code>, <code>margin-right</code>, etc.) puede añadirse algo de espacio a los lados del signo:
Línea 48: Línea 49:
  
 
== Interlínea ==
 
== Interlínea ==
 +
 
Las mayúsculas con acentos pueden presentar problemas si la interlínea, es decir, la distancia entre dos líneas, es pequeña (de modo que el acento gráfico puede tocar los descendentes de letras como ''g'' o ''q'' en el renglón superior). La interlínea se puede ajustar con la propiedad de CSS <code>line-height</code>. Una forma simple de aumentarla es con un porcentaje:
 
Las mayúsculas con acentos pueden presentar problemas si la interlínea, es decir, la distancia entre dos líneas, es pequeña (de modo que el acento gráfico puede tocar los descendentes de letras como ''g'' o ''q'' en el renglón superior). La interlínea se puede ajustar con la propiedad de CSS <code>line-height</code>. Una forma simple de aumentarla es con un porcentaje:
 
<pre>
 
<pre>
Línea 59: Línea 61:
  
 
== Citas con el elemento <code>q</code> ==
 
== Citas con el elemento <code>q</code> ==
 +
 
El elemento <code>q</code> de HTML5 está destinado a citas. Por omisión, en los navegadores se destaca con las [[Comillas|comillas]] “”, pero es posible cambiar mediante CSS los caracteres empleados. Con las siguientes definiciones emplea «» para el nivel exterior, “” para el entrecomillado en su interior y ‘’ para las comillas dentro de “”:
 
El elemento <code>q</code> de HTML5 está destinado a citas. Por omisión, en los navegadores se destaca con las [[Comillas|comillas]] “”, pero es posible cambiar mediante CSS los caracteres empleados. Con las siguientes definiciones emplea «» para el nivel exterior, “” para el entrecomillado en su interior y ‘’ para las comillas dentro de “”:
 
<pre>
 
<pre>
Línea 75: Línea 78:
 
* [[Redacción para la web]]
 
* [[Redacción para la web]]
 
}}
 
}}
 
+
[[Categoría:Diseño]][[Categoría:Ortotipografía]]
{{destacado|2020-11-16}}
+
{{destacado|2018-01-08}}

Por favor, antes de guardar ten presente lo siguiente:

  • El contenido de la Wikilengua puede ser modificado y distribuido por otros usuarios (con licencia es Creative Commons Atribución-CompartirIgual, ver detalles en Wikilengua:Derechos de autor).
  • La Wikilengua no es la Wikipedia. Antes de copiar y pegar asegúrate de que el contenido se ajusta a los objetivos de la Wikilengua.
  • Nos aseguras que el texto es propio o copiado del dominio público u otra fuente libre compatible con la licencia.
  • ¡No uses escritos con copyright sin permiso!

Para guardar los cambios, por favor resuelve la sencilla suma que aparece abajo e introduce la solución en la caja (más información):

Cancelar Ayuda de edición (se abre en una ventana nueva)