Taller de Adobe Dreamweaver: Caracteres especiales

¡Hola queridos lectores! ¿Cómo les va? ¿Me extrañaban? Jeje. Bueno, hoy vamos a dedicar la clase a los caracteres especiales en las páginas web. Esto es de suma importancia por dos cosas: el código HTML válido y (la más importante) la visualización correcta de nuestra página por parte de los usuarios.

Se les llama “caracteres especiales” a un conjunto de caracteres (valga la redundancia) que no pertenecen a un común de codificaciones de alfabetización. Por ejemplo, en Estados Unidos no existe la letra “Ñ”, en algunos países el acento (tilde) es para un lado y en otros para el otro, etc.

El conjunto de caracteres abarca, además de letras como la ñ y letras con acento, símbolos de diferentes tipos como la apertura de símbolo de exclamación y de pregunta; símbolos no frecuentes como el de marca registrada (la “R” chiquita dentro de un círculo) y hasta los mismos signos “<” y “>”, que al ser caracteres HTML no pueden ser escritos dentro de una página tal cual se ven, porque si no el navegador interpretaría lo que le sigue al signo como el nombre de un tag (etiqueta).

Los caracteres especiales tienen un reemplazo para escribirlos en el HTML que empieza con el símbolo “&” y termina con un “;”.

A modo de ejemplo, una “ñ” se escribe en HTML como “ñ” (sin las comillas), una vocal con acento se escribe &(vocal)acute;.

Acá les dejo una lista de los principales caracteres:

Letras:

Otros caracteres:

¡Y el supercaracter del dia! (un espacio en blanco):

Por supuesto que hay muchos caracteres especiales más, estos son sólo una pequeña lista de los más usados.

Si en algún momento necesitan alguno más raro, que no este acá, a googlear se ha dicho.

…y aportando info de Dreamweaver…

Como verán puede resultar bastante molesto el tener que escribir un párrafo o el texto que sea, cambiando todos los caracteres por los escritos arriba.

Dreamweaver, nos ayuda con esto de 2 maneras:

Una es que en modo código, cuando empezamos a escribir el carácter (cuando escribimos el “&”), ya nos muestra una lista de los posibles caracteres a escribir.

Pero la mejor de todas, es que escribiendo en modo visual, podemos poner acentos, ñ o lo que queramos, que Dw nos convierte todos los caracteres automáticamente.

Pueden probar esto, escribiendo cosas en modo visual y pasando a modo código, verán que en realidad esta todo como debe estar.

Conclusión

Esta clase no fue la gran cosa jeje, pero el tema de los caracteres especiales es muy importante.

Cuantas veces habremos visto páginas en las que aparecen signos raros (¿No eran de Japón, eh?) y la verdad que este tipo de descuidos estropea mucho el diseño y hace que nuestra página se vea poco profesional.

Es importante tener en cuenta que, por más que en algunos navegadores se vean bien los caracteres especiales escritos tal cual son, se deben usar sus correspondientes reemplazos.

Bueno, nos vemos la próxima.

Cualquier cosa, ya saben ¡Comentario!

¡Hasta luego!