• Publicidad
  • Contacto
Tech News, Magazine & Review WordPress Theme 2017
  • Noticias
    • Evento
    • Capacitación
    • Recursos
  • Video
  • Podcast
  • Ciencia
    • Salud
    • Ciencia Ficción
    • Historia
    • Marketing Digital
    • Software
      • Seguridad
      • Privacidad
      • Internet
      • Desarrollo/programación
      • Diseño
  • Tecnología
    • Innovación
    • LifeStyle
    • Audio & Video
    • Fotografía
    • Transformación Digital
  • Entretenimiento
    • Ciencia Ficción
    • Cine
    • Trailers
Sin resultados
Ver todos los resultados
Pixelco Tech
  • Noticias
    • Evento
    • Capacitación
    • Recursos
  • Video
  • Podcast
  • Ciencia
    • Salud
    • Ciencia Ficción
    • Historia
    • Marketing Digital
    • Software
      • Seguridad
      • Privacidad
      • Internet
      • Desarrollo/programación
      • Diseño
  • Tecnología
    • Innovación
    • LifeStyle
    • Audio & Video
    • Fotografía
    • Transformación Digital
  • Entretenimiento
    • Ciencia Ficción
    • Cine
    • Trailers
Sin resultados
Ver todos los resultados
Pixelco Tech
Sin resultados
Ver todos los resultados

Hablando sobre internacionalización

Diego Cambiaso por Diego Cambiaso
06/03/2018
en Desarrollo/programación, Diseño
Tiempo de lectura3 minutos
Compartir en FacebookCompartir en TwitterCompartir en WhatsappCompartir en TumblrCompartir en Telegram

Cuando diseñamos sitios web un aspecto importante es el de la internacionalización. Un sitio Web internacional permite garantizar su utilización universal incluyendo todos los idiomas y culturas.
Por ello es necesario que el usuario reciba la información adaptada a su cultura. En el caso de los que hablamos español, la correcta visualización de caracteres como la Ñ o los acentos. En otros casos es necesario que la información también se adapte al sistema de medida o al calendario.

Para ello hacemos uso de los identificadores de idiomas. Con estos podemos identificar desde el idioma principal de la página como también, la identificación de cambio dentro de la misma página.

En HTML se usa lang, mientras que para XML y XHTML se usa xml:lang. De aquí en más voy hablar cobre este último porque en mi humilde experiencia en el campo del desarrollo web creo que a estas alturas (enero 2007) ya deberías usar XHTML 1.0 Strict o mejor aún XHTML 1.1.

Entonces para identificar el idioma de una página usamos:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">

Para indicar los cambios de idiomas dentro de página:

<p xml:lang="en">The power of the Web is in its universality. Access by 
everyone regardless of disability is an essential aspect.</p>

La página principal está en español, pero en este parrafo se cita una frase en su idioma orignal,
que en este caso es el inglés y pertences a Tim Berners-Lee

<p xml:lang="en-ar">¿Estas mamado?</p>

En Argentina esto significa estar borracho.

<p xml:lang="en-co">¿Estas mamado?</p>

En Colombia esto significa estar cansado.

Para enlazar a otra página con el contenido en idioma diferente usamos xml:lang (siempre hablando de XHTML):

<a href="http://pixelco.us" class="idioma" 
title="Pasar a la versión es español" xml:lang="es">Versión Español</a>

Además hay que tener en cuenta la dirección del texto, si este se lee de izquierda a derecha o viceverza.

Para definir la dirección del texto lo indicamos como:

<a xhref="http://pixelco.us" mce_href="http://pixelco.us"
xml:lang="es" dir="rtl"
title="Visitar el Blog de Pixelco">El Blog de Pixelco</a>

La codificación de la página es otra cuestión muy importante. Esta consiste en transformar la secuencia de bits en una secuencia de caracteres. Esto es (la secuencia de bits) lo que envía un servidor cuando un agente de usuario le solicita una página.

¿Como codificar entonces esa secuencia de bits en caracteres?
Para ello debemos indicar el parámetro charset en el content-type, estos van siatuados en el <head> (cabecera) de nuestra página:

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

Otras lecturas sobre internacionalización:

  • Sitios MultiIdioma – Introducción en Buayacorp
  • HTML 4.01 / XHTML 1.0 Reference en W3 Schools
  • Checklist de 88 recomendaciones sobre usabilidad
  • W3C en español

Tags: internacionalizacion web, codificacion caracteres, W3C, sitios multi idiomas

Tags: AccesibilidadDesarrolloDiseñoUsabilidad
Diego Cambiaso

Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT

RelacionadoEntradas

Las Smart Cities y sus conexiones
Tecnología

Las Smart Cities y sus conexiones

por Colaboradores Pixelco
21/08/2021

El internet de las cosas (IoT, por sus siglas en inglés) es una de las tendencias tecnológicas que están creciendo...

Así beneficia el avance de las Smart Cities a los pagos en línea
Tecnología

Así beneficia el avance de las Smart Cities a los pagos en línea

por Colaboradores Pixelco
13/08/2021

Un par de años atrás, hablar de smart cities parecía muy lejano y parte de una película futurista, pero esto...

La IA está cambiando la forma en que se crea software

La IA está cambiando la forma en que se crea software

08/06/2021
Imac retina 5k con 1TB

Los mejores gadgets para diseñadores

27/09/2016
Siguiente

“a tus usuarios no les interesa el XHTML, les interesa como ven tu sitio”

Pixelco Tech

VideosReviews - Tutoriales
El HONOR Magic V2 llegará con una función de juego que cambiará el futuro del gaming móvil

El HONOR Magic V2 llegará con una función de juego que cambiará el futuro del gaming móvil

25/08/2023
    Resistencia: La última esperanza de la humanidad – Trailer

    Resistencia: La última esperanza de la humanidad – Trailer

    12/08/2023
      Misión: Imposible – Sentencia Mortal Parte I 

      Misión: Imposible – Sentencia Mortal Parte I

      12/08/2023
        2001 Space Odyssey una historia de evolución que incluye IA

        2001 Space Odyssey una historia de evolución que incluye IA

        12/08/2023
          Master E-Tech el utilitario 100% eléctrico ya disponible en Colombia

          Master E-Tech el utilitario 100% eléctrico ya disponible en Colombia

          12/08/2023
            4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

            4+2 Herramientas profesionales de inteligencia artificial para la generación de imágenes

            26/05/2023
              SSD Predator: la nueva munición de BIWIN para gamers exigentes

              SSD Predator: la nueva munición de BIWIN para gamers exigentes

              29/11/2023
              Nexxt Home lanza cerradura conectada: 10 meses de batería y apertura por app

              Nexxt Home lanza cerradura conectada: 10 meses de batería y apertura por app

              29/11/2023
              Samsung reafirma su apoyo a la candidatura de Busan como ciudad anfitriona de la Expo 2030

              Samsung reafirma su apoyo a la candidatura de Busan como ciudad anfitriona de la Expo 2030

              27/11/2023
              Samsung Galaxy M34 5G – Ficha técnica y experiencia de uso

              Samsung Galaxy M34 5G – Ficha técnica y experiencia de uso

              24/11/2023
              Conoce en profundidad qué es Dolby Atmos: la revolución del sonido envolvente

              Conoce en profundidad qué es Dolby Atmos: la revolución del sonido envolvente

              23/11/2023
              La Inteligencia Artificial revoluciona el sector de la salud: impulsando la eficiencia y la calidad de la atención médica

              La Inteligencia Artificial revoluciona el sector de la salud: impulsando la eficiencia y la calidad de la atención médica

              20/11/2023

              Pixelco Tech

              Pixelco Tech es sitio de noticias de tecnología, diseño y desarrollo web e Internet escrito por profesionales.

               

              Objetivo de Pixelco Tech

              Informar, promocionar, proporcionar recursos y ayuda sobre el diseño y desarrollo web, estándares, Internet y tecnología.

              Buscar

              Sin resultados
              Ver todos los resultados
              • Contacto
              • Publicidad
              • Sobre Pixelco
              • Política de Privacidad
              • Términos del Servicio

              © 2023 Pixelco por Diego Cambiaso.

              Sin resultados
              Ver todos los resultados
              • Noticias
              • Video
              • Podcast
              • Ciencia
              • Tecnología
              • Entretenimiento
                • Ciencia Ficción
                • Cine
                • Trailers
              • Pixelco
                • Sobre Pixelco
                • Política de Privacidad
                • Política de cookies
                • Términos del Servicio
                • Publicidad

              © 2023 Pixelco por Diego Cambiaso.

              Welcome Back!

              Login to your account below

              Forgotten Password?

              Retrieve your password

              Please enter your username or email address to reset your password.

              Log In

              Add New Playlist

              Este sitio web utiliza cookies. Si continúa utilizando este sitio web, está dando su consentimiento para que se utilicen cookies. Visite nuestra Política de Privacidad y Política de Cookies.