| English |
Español |
| I teach a bilingual second grade in San Antonio.
Every fall, parents and other teachers ask me the same question: how do I put Spanish on my Web page without
the accents turning into junk? You type niño, and your page says ni?o, or nino, or shows a little box. This
page started as a handout for Lori Kunkel, our school librarian, who wanted to put the library's Spanish book
list on the Web. Now it's here, once, in both of my languages. |
Enseño segundo grado bilingüe en San Antonio. Cada
otoño, los papás y otros maestros me hacen la misma pregunta: ¿cómo pongo español en mi página web sin que
los acentos se conviertan en basura? Escribes niño y tu página dice ni?o, o nino, o sale un cuadrito. Esta
página empezó como una hoja para Lori Kunkel, la bibliotecaria de nuestra escuela, que quería poner en la
red la lista de libros en español de la biblioteca. Ahora está aquí, de una vez, en mis dos idiomas. |
| 1. The sure way: entities |
1. La forma segura: las entidades |
| In HTML, every accented letter has a name. Type an
ampersand (&), the name, and a semicolon, and every browser on every computer shows the right letter.
This is the way I recommend for your Web pages, every time. It's more typing, and it never fails. |
En HTML, cada letra con acento tiene un nombre.
Escribe el signo &, el nombre y un punto y coma, y cualquier navegador en cualquier computadora muestra
la letra correcta. Es la forma que recomiendo para tus páginas, siempre. Hay que teclear un poco más, pero
nunca falla. |
á á Á Á
é é É É
í í Í Í
ó ó Ó Ó
ú ú Ú Ú
ñ ñ Ñ Ñ
ü ü Ü Ü
¿ ¿ ¡ ¡
Type this / Escribe esto:
¿Cómo estás,
niño?
You get / Sale: ¿Cómo estás, niño? |
| Capitals count: Ñ is Ñ and ñ is
ñ. Don't forget the semicolon at the end; some browsers forgive you and some don't. And don't forget the
upside-down marks at the beginning of questions and exclamations. I tell my second graders the same
thing. |
Las mayúsculas cuentan: Ñ es Ñ y
ñ es ñ. No olvides el punto y coma al final; unos navegadores te lo perdonan y otros no. Y no
olvides los signos al revés al principio de las preguntas y exclamaciones. Lo mismo les digo a mis alumnos
de segundo. |
| 2. Windows: the Alt codes |
2. Windows: los códigos Alt |
| For accents in e-mail, in Word or in Notepad, hold
down the Alt key and type four numbers on the number pad: the keys on the right side of the keyboard, with
Num Lock on, not the row of numbers across the top. Let go of Alt and the letter appears. Always type the
zero first. The four I use every day: |
Para escribir acentos en el correo electrónico, en
Word o en Notepad, mantén oprimida la tecla Alt y escribe cuatro números en el teclado numérico: las teclas
del lado derecho, con Num Lock prendido, no la fila de números de arriba. Suelta Alt y aparece la letra.
Siempre escribe el cero primero. Las cuatro que uso todos los días: |
Alt + 0225 á
Alt + 0241 ñ
Alt + 0191 ¿
Alt + 0161 ¡ |
| The rest are in the chart.
On a laptop with no number pad, use the Character Map instead (in Windows 98 it's under Start, Programs,
Accessories, System Tools): click the letter, click Select, click Copy, and paste. A teacher down the hall
uses the United States-International keyboard setting, where ' and then a gives you á. I tried it for a
week. Every apostrophe sits there waiting for the next letter, and I gave up. |
Las demás están en la
tabla. En una laptop sin teclado numérico, usa el Character Map (en Windows 98 está en Start, Programs,
Accessories, System Tools): haz clic en la letra, en Select, en Copy, y pégala. Una maestra del salón de al
lado usa el teclado United States-International, donde ' y luego a te da á. Yo lo probé una semana. Cada
apóstrofo se queda esperando la siguiente letra, y me di por vencida. |
| 3. Macintosh: the Option key |
3. Macintosh: la tecla Option |
| On a Mac, an accent takes two steps. Hold down
Option and press e, then let go. Nothing shows yet. Now press the vowel, and there's your á. For a capital,
hold Shift with the vowel in the second step. Our school's computer lab is all Macs, so I learned these
first. |
En una Mac, el acento se hace en dos pasos. Mantén
oprimida la tecla Option, aprieta la e y suelta. Todavía no aparece nada. Ahora aprieta la vocal, y ahí
está tu á. Para una mayúscula, aprieta Shift con la vocal en el segundo paso. En el laboratorio de
computadoras de nuestra escuela todas son Macs, así que estas las aprendí primero. |
Option-e, then a á
Option-e, Shift-A Á
Option-n, then n ñ
Option-u, then u ü
Option-1 ¡
Option-Shift-? ¿ |
| 4. Why pasted text comes out wrong |
4. Por qué el texto pegado sale mal |
Inside the computer, every letter is a number.
All computers agree on plain A to Z. They don't all agree on the accented letters: Windows and the Web
mostly do, but the Macintosh numbers them differently. So a letter typed on one computer can arrive at
another as a different letter. E-mail adds its own trouble. Some mail programs send ñ as a code like
=F1, and some old mail systems throw the accents away altogether and you get nino.
Word is the worst offender. Its curly "smart quotes" and long dashes are characters only Windows knows,
and pasted into a Web page they come out as question marks or strange letters on other computers. In
Word 97, go to Tools, AutoCorrect, AutoFormat As You Type, and uncheck smart quotes.
My rule: never paste from a word processor or an e-mail straight into your page. Paste it into Notepad
first, then go through and change every accent to its entity. |
Dentro de la computadora, cada letra es un
número. Todas las computadoras están de acuerdo en la A a la Z sencillas. No todas están de acuerdo en las
letras con acento: Windows y la red casi siempre coinciden, pero la Macintosh las numera de otra manera.
Así que una letra escrita en una computadora puede llegar a otra como otra letra. El correo electrónico
tiene sus propios problemas. Algunos programas mandan la ñ como un código, =F1, y algunos sistemas viejos
de plano tiran los acentos y te llega nino.
Word es el peor de todos. Sus comillas curvas y sus rayas largas son caracteres que solo Windows conoce,
y si los pegas en una página web salen como signos de interrogación o letras raras en otras computadoras.
En Word 97, ve a Tools, AutoCorrect, AutoFormat As You Type, y quita la marca de smart quotes.
Mi regla: nunca pegues algo de un procesador de palabras o de un correo directamente en tu página.
Pégalo primero en Notepad y luego cambia cada acento por su entidad. |
| 5. The META tag |
5. La etiqueta META |
| Put this line in the HEAD of your page, between
<HEAD> and </HEAD>. It tells the browser which set of letters your page uses. ISO-8859-1, also
called Latin-1, is the set that has all the Spanish letters, and it's the one most pages in English and in
Spanish are written in. With this tag and the entities, you're covered twice. |
Pon esta línea en el HEAD de tu página, entre
<HEAD> y </HEAD>. Le dice al navegador qué juego de letras usa tu página. ISO-8859-1, que
también se llama Latin-1, es el juego que tiene todas las letras del español, y es el que usa la mayoría
de las páginas en inglés y en español. Con esta etiqueta y las entidades, estás doblemente protegido. |
<META HTTP-EQUIV="Content-Type"
CONTENT="text/html;
charset=iso-8859-1"> |