El DOCTYPE
Ya sabes como están construidas las páginas web?
Las páginas web no se construyen como lo harías en un documento de word o una hoja de papel; cada elemento y característica de la página se crea a partir de una serie de códigos y parámetros que ya han sido definidos y a los cuales llamamos HTML, que significa Lenguaje de Marcado de Hipertexto.
Este código es leído e interpretado por los diferentes navegadores de Internet disponibles como son firefox, internet explorer o chrome entre otros; sin embargo, estos navegadores no siempre han estado de acuerdo con su interpretación del código y terminan dando a la página una apariencia diferente entre unos y otros.
Es así que se hizo necesario establecer algunos parámetros sobre el HTML para que todos los navegadores interpretaran estos códigos de la misma forma; es así que se crea la declaración DOCTYPE, cuando escribas un código HTML empiezas con un texto como el siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Por medio de esta líneas le estamos dando al navegador una instrucción acerca de como leer el código especificando las reglas de éste para que sea leído de la forma correcta.
Existen muchos tipos de DOCTYPE de acuerdo a la versión de HTML, estos se dividen en TRANSITIONAL, FRAMESET y STRICT.
Los TRANSITIONAL son flexibles en el código y permiten el manejo de algunos parámetros que no serán reconocidos por todos los navegadores, así como elementos que ya se dejaron de usar.
FRAMESET también es flexible en su código, la diferencia es que en este caso la página fue construida por medio de elementos llamados marcos.
Por último el DOCTYPE STRICT, exige un código bien escrito, no permite el uso de parámetros obsoletos ni el uso de marcos.
Pero, ¿por qué es importante el DOCTYPE para una web inclusiva?
Un código bien escrito facilita a los lectores de pantalla hacer bien su trabajo, de esta forma podrán interpretar de forma correcta textos, botones e imágenes.
¡En nuestro blog también podemos hacer que el código sea legible para todos los navegadores y lectores de pantalla y así llegar a más gente!
Sigue los siguientes pasos:
1. En la siguiente imagen encontramos las diferentes opciones que tenemos para editar nuestro blog: Nueva entrada, editar entradas, comentarios, configuración, diseño, monetizar y estadísticas. Busca la opción diseño en tu blog y haz clic ahí.
2. Una ves se abre la vista de edición de diseño encontramos que se divide en tres pestañas: elementos de la página, edición de HTML y diseñador de plantilla, de forma predeterminada encontramos la sección de elementos de pantalla abierta como lo muestra la siguiente imagen:
3. Haz clic en el botón HTML, en la parte inferior de la página, justo en el último renglón encuentras el hipervínculo "recuperar la plantilla clásica" has clic ahí para que aparezca el código html clásico de blogger.
Revisa el texto de la primera línea, encontrarás que dice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Como podemos comprobar, al final está la palabra STRICT eso quiere decir que nuestro blog es apto para el propósito de inclusión.
0 comentarios:
Publicar un comentario
Suscribirse a Enviar comentarios [Atom]
<< Inicio