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>.
+
Dado que no todos los programas interpretan por igual los códigos y pueden tener configuraciones personales, además de haber diferencias en pantallas, sistemas, etc., algunos reajustes tienen que pasar muchas veces por pruebas en diversos entornos, para comprobar su adecuación.
  
Dado que no todos los programas interpretan por igual los [[código]]s y pueden tener configuraciones personales, además de haber diferencias en pantallas, sistemas, etc., algunos reajustes tienen que pasar muchas veces por pruebas en diversos entornos, para comprobar su adecuación.
+
=== Espacio de no división ===
  
== 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 17: Línea 16:
 
</pre>
 
</pre>
  
== 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 32: Línea 32:
 
</pre>
 
</pre>
  
== 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 [['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 47: Línea 48:
 
Incluso si el reajuste no fuera el tipográficamente deseable, a menudo puede mejorar, al menos, un poco la apariencia.
 
Incluso si el reajuste no fuera el tipográficamente deseable, a menudo puede mejorar, al menos, un poco la apariencia.
  
== 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 58: Línea 60:
 
Aquí, <code>em</code> es un cuadratín en el tamaño de fuente  seleccionado (en este caso equivale a <code>140%</code>).
 
Aquí, <code>em</code> es un cuadratín en el tamaño de fuente  seleccionado (en este caso equivale a <code>140%</code>).
  
== Citas con el elemento <code>q</code> ==
+
[[Categoría:Diseño]][[Categoría:Ortotipografía]]
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>
 
q { quotes: '«' '»' '“' '”' '‘' '’'; }
 
q:before { content: open-quote; }
 
q:after { content: close-quote; }
 
</pre>
 
Los navegadores más antiguos pueden tener problemas en entender estas instrucciones, pero se pueden encontrar soluciones<ref>[http://html5doctor.com/blockquote-q-cite/  Quoting and citing with &lt;blockquote&gt;, &lt;q&gt;, &lt;cite&gt;, and the cite attribute]</ref>.
 
 
 
De idéntico modo se puede redefinir <code>blockquote</code> si fuera necesario.
 
 
 
{{referencias}}
 
 
 
{{véase|
 
* [[Ortotipografía en informática]]
 
* [[Redacción para la web]]
 
}}
 
 
 
{{destacado|2020-11-16}}
 

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)