el BLOG de manuti

BLOG METASEXUAL TRUCOS PARA BLOGS.YA.COM, MSN SPACES Y FOTOLOGS. OGAME BITEFIGHT
Estadísticas y más cosas abajo
 

Comillas tipográficas con CSS

Mi blog ahora está en más manuti
Las comillas tipográficas latinas son estas:

« »

y no las del conocido gesto con las manos, el que hacía el doctor Maligno de la película Austin Powers, o sea, estas:

“ ”

que son las comillas anglosajonas. Para poner las latinas en un PC podemos usar la tecla Alt en las siguientes combinaciones:

Tecla Alt + 0171 y obtenemos:

«


Tecla Alt + 0187 y obtenemos:

»



También podemos cambiarlas con un formateado automático en el Writer de OpenOffice, además el tutorial de OpenOffice en castellano o español tiene muy buena pinta.

Y finalmente usando CSS.
Para ello en la hoja de estilo definimos la etiqueta <q> con:

...
q {
quotes: "«" "»";
}
q:before {
content: open-quote;
}
q:after
{
content: close-quote;
}

...

Luego dentro del código XHTML usaremos las etiquetas <q> </q> para entrecomillar, con lo cual mejoramos la accesibilidad de la página.
Por ejemplo, el siguiente código:

Esto va <q>entrecomillado</q>.

Produce el siguiente resultado

Esto va entrecomillado.

Además estas comillas las podemos hacer sensibles al idioma, para no quedarnos solo con la tipografiá latina, de manera que si en algún párrafo o cita usamos un idioma distinto en nuestra página, y etiquetamos con <q> </q>, las comillas será las apropiadas a ese idioma que hayamos definido en la hoja de estilos.
Todo esto está mucho más ampliado y mejor, aunque en inglés en el post Quotations & citations: quoting text, de 456 Berea street.


 
Comentario:
Ya cambié las comillas de los blockquote.
 
Comentario:
¡Hola Manuti!

Muy interesante. He llegado aquí a través de Microsiervos y me has hecho despertar la curiosidad sobre el tema. Busco información y me encuentro con textos como éste en el que se indica que las comillas para castellano (lo mismo dice el diccionario de la RAE) son tanto unas como otras... Bueno, buscaré más datos y pondré algo en mi blog (con referencia a este, por supuesto).

:D
 
Comentario:
Pues sí, parece que estamos generando un debate tipo Real Academia de la Lengua.
 
Comentario:
Buen post, parece que a Minid.net tb. le gustó el tema de las comillas.. xDD
 
Comentario:
Cierto, las comillas que uso en los blockquote son las anglosajonas, están pendientes de cambios.
 
Comentario:
Ironicamente, las comillas que usas de fondo para los BLOCKQUOTE serían las incorrectas, ¿no?
 
Comentario:
No me había fijado. Me ha parecido muy interesante. :-)

Un saludo.

Mi blog ahora está en más manuti

No
Enlaces en ventana nueva
Acerca de
Volver arriba

Varado en la playa de Garcey en Fuerteventura.
Ver estadística
Fotolog
manuti's shared items
Correo
Technorati
hCard
photo manuti
el blog de manuti
MALAGA ESPAÑA - SPAIN

Esta hCard se creó con el hCard creator.

Sindicación
Buscar en el
blog de manuti
Google

ad-free BLOG

ad-free BLOG mi LOGO