Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Editores XHTML

Datos de búsqueda

Etiqueta ‘Editores XHTML’

Atributos de idioma en HTML: lang y hreflang

Fecha de publicación: 2007/11/06

El atributo lang

El atributo lang sirve para definir el idioma del contenido de un elemento.

Hay que definirlo en primer lugar en el elemento HTML, para definir el idioma del documento:

<html lang="es">

Y una vez definido el idioma principal del documento, en todos aquellos elementos en los que su contenido sea distinto a dicho idioma principal:

<a lang="en">
<p lang="fr">
<span lang="zh">

También puede añadirse una variante de idioma, poniendo tras el valor de idioma una abreviatura de país, por ejemplo inglés de Estados Unidos:

<p lang="en-us">

El atributo hreflang

El atributo hreflang sirve para definir el idioma del destino de un enlace (elemento A):

<a hreflang="en">

Valores de los atributos

Los valores que se utilizan en los atributos anteriormente mencionados son los definidos en la norma ISO 639 (los de dos caracteres).

Accesibilidad

La referencia WAI WCAG 1.0 en su punto 4.3, y la norma UNE 139803 en su punto 4.4.4 requieren la presencia del atributo lang allí donde sea necesario para poder cumplir la prioridad 1 (A) de accesibilidad.

WAI WCAG 1.0:

4.3 Identify the primary natural language of a document. [Priority 3]

For example, in HTML set the "lang" attribute on the HTML element. In XML, use "xml:lang". Server operators should configure servers to take advantage of HTTP content negotiation mechanisms ([RFC2068], section 14.13) so that clients can automatically retrieve documents of the preferred language.

UNE 139803:

4.4.4 Se debe especificar el idioma principal de la página Web

Nota – Se deben tener en cuenta las recomendaciones recogidas en el informe RFC 3066 de la IETF (The Internet Engineering Task Forcehttp://www.ietf.org) y las normas internacionales de códigos de idiomas (ISO 639) y países (ISO 3166).

EJEMPLO: Se debe usar el atributo "lang" en la etiqueta "html", en HTML o XHTML, marcando el idioma correspondiente, por ejemplo con "es" para español, "ca" para catalán, […] "gl" para gallego, "en" para inglés, "fr" para francés, etc. También debe usarse para indicar las variaciones idiomáticas cuando sea apropiado, por ejemplo: "es-mx" para el español de México, "es-cl" para el de Chile, etc.

Enlaces relacionados

Seleccionar columnas de texto en Notepad++

Fecha de publicación: 2007/07/12

En Notepad++ para seleccionar una columna de texto (por ejemplo, solo la parte izquierda de varias líneas) basta con pulsar ALT y realizar la selección mientras se continúa manteniendo pulsado.

Datos del artículo:

Sustitución rápida de texto en Notepad++

Fecha de publicación: 2007/07/11

Notepad++ tiene una interesante función de sustitución de texto que funciona de la siguiente forma: se escribe una palabra, se pulsa CTRL+INTRO y esa palabra se sustituye por un texto que se le asoció previamente.

Para realizar esa asociación de texto hay que ir a la siguiente opción de menú: Plugins > QuickText > Options. Una vez allí se selecciona el tipo de documento para el que se va a hacer el atajo y se escribe la palabra y el texto que la va a sustituir.

Datos del artículo:

WYMeditor: Editor XHTML WYSIWYM

Fecha de publicación: 2006/12/14

WYMeditor es un editor XHTML que se ejecuta en navegador (compatible con Internet Explorer y Firefox), pero en lugar de ser el habitual WYSIWYG (What You See Is What You Get) es WYSIWYM (What You See Is What You Mean).

En este editor lo que se ve es el resultado semántico (párrafos, encabezamientos, citas, etc.), y además permite agregarle estilos (mediante el atributo class).

Saber más y probar WYMeditor.

Datos del artículo:

Información del sitio