• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Numeriza | Home
    • Contacto
    • Cookies y RGPD
  • Arquitectura
    • prefab
    • casas modulares
  • Containers
  • Informática
  • Blog

Numeriza

arquitectos | ingenieros

Comillas tipográficas con CSS.

10 diciembre, 2004 by manuti 6 Comments

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.

Leer más ►   Fuentes divertidas en Divide by Zero.

Filed Under: blog, diseño, informática, internet Tagged With: blog, css, manuti

Primary Sidebar

Footer

Etiquetas

arquitectura modular autocad autocad 2013 autocad dwg 2013 cad cad linux cad ubuntu casa container casa contenedor casa de madera casa modular casa prefabricada casas modulares casas prefabricadas codigos comic sans container container home container house containers contenedor contenedores convertir fichero autocad css drafsight ubuntu 64 draftsight dwg elecciones font fuentes green prefab html linux malaga michelle kaufmann modular modular home politica prefab prefabricated-modular tipografía trucos fotolog ttf ubuntu xhtml

Temas | Categorías

Archivo histórico

© 2004–2025

Este sitio web usa cookies para mejorar su experiencia como usuario ► Aceptar Rechazar ◘ A continuación tiene ─ más información ─
Política de Cookies

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
GUARDAR Y ACEPTAR